@import "./epaper.css";

:root {
    --accent-color: #d7b873;
    --logo-color: var(--accent-color);

    --olive-bg-main: #171512;
    --olive-bg-secondary: #211e19;
    --olive-bg-tertiary: #2d281f;
    --olive-text-main: #efe6d1;
    --olive-text-secondary: #b8aa8e;
    --olive-accent-primary: #d7b873;
    --olive-accent-secondary: #f0d28f;
    --olive-accent-highlight: #7c6b46;

    --olive-accent-primary-rgb: 215, 184, 115;
    --olive-accent-secondary-rgb: 240, 210, 143;
    --olive-text-secondary-rgb: 184, 170, 142;

    --text-color-on-accent: #171512;
    --background-primary: var(--olive-bg-main);
    --background-secondary: var(--olive-bg-secondary);
    --background-tertiary: var(--olive-bg-tertiary);
    --pre-background: #11100e;
    --pre-text-color: #f5ead2;

    background-color: var(--background-primary);
    background-image: none;
}

body {
    color: var(--text-color);
}

.gavide--header menu,
.gavide--footer section,
.gavide--blog-tof,
.gavide--sidebar > figure,
.gavide--blog-article > figure,
.gavide--search-input,
.gavide--selector ul {
    background: var(--background-secondary);
    border-color: rgba(215, 184, 115, 0.18);
}

.gavide--nav-link span,
.gavide--tags li,
.gavide--post-preview ul li,
.gavide--blog-article > figure > ul > li,
.gavide--sidebar > figure > ul > li {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(215, 184, 115, 0.22);
    color: var(--text-color);
}

.gavide--tags li a,
.gavide--post-preview ul li a,
.gavide--blog-article > figure > ul > li a,
.gavide--sidebar > figure > ul > li a {
    color: inherit;
}

.gavide--nav-link[aria-current="page"] span,
.gavide--nav-link-li[aria-current="page"] .gavide--nav-link span {
    background: var(--olive-accent-primary);
    border-color: var(--olive-accent-primary);
    color: var(--text-color-on-accent);
}

.gavide--blog-post blockquote,
.gavide--pagepost blockquote {
    background: rgba(215, 184, 115, 0.08);
    border-inline-start-color: rgba(215, 184, 115, 0.42);
}

pre[class*="language-"] {
    border: 1px solid rgba(215, 184, 115, 0.16);
}

html,
body {
    scrollbar-color: #8c784d #171512;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
    background-color: #171512 !important;
}

::-webkit-scrollbar-thumb {
    background-color: #8c784d !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #b4975e !important;
}