@import "base.css";
@import "scroll.css";
@import "title.css";
@import "body.css";
@import "footer.css";
@import "search.css";
@import "category.css";
@import "layout.css";
@import "copyright.css";
@import "post.css";
@import "carousel.css";

:root {
    --main-border: 10px;

    --title-height: 128px;
    --title-font-main: "Montserrat", sans-serif;

    --footer-height: 64px;
    --footer-bg: linear-gradient(to top, rgb(50, 144, 194), rgb(58, 185, 253));
    --footer-text-color: #ffffff;
    --footer-text-hover: #e3e3e3;
    --footer-font: "Montserrat", sans-serif;
    --transition: 0.25s ease;

    --search-height: 25px;

    --cat-radius: 12px;
    --cat-border: 2px;
    --cat-bg: #ffffff;
    --cat-hover: rgb(219, 242, 255);
    --cat-border-color: rgb(187, 221, 239);
    --cat-title-bg: linear-gradient(to top, rgb(50, 144, 194), rgb(58, 185, 253));
    --cat-font-main: "Montserrat", sans-serif;
    --cat-font-entry: "Noto Sans", sans-serif;
    --cat-transition: 0.25s ease;

    --body-margin: 15px;

    --left-panel-width: 350px;

    --post-top-padding: 10px;
    --post-left-padding: 50px;
    --post-right-padding: 50px;
    --post-bottom-padding: 10px;

    --post-text: #2a2a2a;
    --post-text-light: #444;
    --post-link: #4894ff;
    --post-link-hover: #1e68d0;
    --post-header: #1a1a1a;
    --post-subheader: #1f1f1f;
    --post-bold: #1a1a1a;

    --post-bg-soft: #f7f9fc;
    --post-image-shadow: rgba(0, 0, 0, 0.15);

    --copyright-font: "Noto Sans";
    --copyright-bg-top: rgba(10,10,10,0.45);
    --copyright-panel-bg: rgba(20,20,20,0.3);
    --copyright-text-main: #ffffff;
    --copyright-text-muted: rgba(255,255,255,0.82);
    --copyright-muted-2: rgba(255,255,255,0.65);
}