/* Faccia: gold sampled from the logo, champagne from the original site. */
:root {
    --faccia-gold: #c89d2f;
    --faccia-gold-rgb: 200 157 47;
    --faccia-gold-dark: #856233;
    --faccia-gold-light: #ead7a4;
    --faccia-champagne: #d4b9a1;
    --faccia-ink: #2c2620;
    --faccia-ink-rgb: 44 38 32;
    --faccia-muted: #6b6258;
    --faccia-ivory: #faf7f0;
    --faccia-soft: #f3ebdc;
    --faccia-border: #e7ded0;
    --faccia-light-text: #d9d0c2;
    --faccia-light: #f7f0e4;
    --theme-color: var(--faccia-gold);
    --theme-color2: var(--faccia-ink);
    --theme-bg-light: var(--faccia-ivory);
    --theme-bg-light2: var(--faccia-ivory);
    --body-text-color: var(--faccia-muted);
    --color-dark: var(--faccia-ink);
    --color-blue: var(--faccia-gold-dark);
    --color-green: var(--faccia-gold-dark);
    --color-skyblue: var(--faccia-gold);
    --footer-bg: var(--faccia-ink);
    --footer-text-color: var(--faccia-light);
    --box-shadow3: 0 0 40px 5px rgb(var(--faccia-ink-rgb) / .05);
}

/* Keep text legible on gold controls and light surfaces. */
.faccia-denox .pagination .page-item .page-link:hover,
.faccia-denox .pagination .page-item.active .page-link,
.faccia-denox .theme-btn2:hover {
    color: var(--faccia-ink);
}
.faccia-denox .blog-title a:hover,
.faccia-denox .blog-meta ul li a:hover {
    color: var(--faccia-gold-dark);
}
.faccia-footer .theme-btn::before {
    background: var(--faccia-gold-dark);
}
.faccia-footer .theme-btn:hover {
    background: var(--faccia-gold-dark);
    color: #fff;
}