:root {
    --background-color: #F6EEE2;
    --article-background: #EBE7DD;
    --blockquote-background: #FAF4EA;
    --blockquote-border: #D9CFBF;
    --brand: #158CBA;
    --brand-darkened: #0E4D66;
    --orange: #E07A2F;
    --orange-darkened: #C96A24;
    --mustard: #C9A227;
    --sage: #6F8F6A;
    --walnut: #5A3E2B;
    --text: #2E2D2B;

    /* Table stuff */
    --text-muted: #5E5B55;
    --table-surface: var(--blockquote-background);
    --table-border: var(--blockquote-border);
    --table-zebra: var(--background-color);
    --table-hover: color-mix(in srgb, var(--brand-darkened) 10%, transparent);
    --focus-ring: color-mix(in srgb, var(--brand-darkened) 55%, transparent);
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Surfaces (warm, not “blue-black”) */
        --background-color: #161311;      /* deep espresso */
        --article-background: #1F1A16;    /* slightly lighter */
        --blockquote-background: #262019; /* warm panel */
        --blockquote-border: #3A322B;     /* muted divider */

        /* Accents (slightly lifted for contrast on dark) */
        --brand: #1F7F9C;          /* darker, dustier turquoise */
        --brand-darkened: #165E73; /* clearly darker tone than --brand */
        --orange: #AE6237;          /* slightly darker */
        --orange-darkened: #8D4C2F; /* keeps darker relationship */
        --mustard: #D8B84A;              /* golden mustard */
        --sage: #7FA97A;                 /* dusty green lifted */
        --walnut: #B28A6A;               /* used as highlight/secondary */

        /* Text */
        --text: #E9E1D6;                 /* warm off-white */
        --text-muted: #B8AEA2;

        /* Table stuff */
        --table-surface: var(--blockquote-background);
        --table-border: var(--blockquote-border);
        --table-zebra: #1B1613;
        --table-hover: color-mix(in srgb, var(--brand) 16%, transparent);
        --focus-ring: color-mix(in srgb, var(--brand) 55%, transparent);
    }

    article hr {
        background: url("../svg/dingbat-divider-dark.svg") no-repeat center / contain !important;
    }
}