/* Generated once at startup from the site's branding folder (Blog:BrandingPath). */
:root {
    --bg: #FAF7F4;
    --surface: #FFFFFF;
    --text: #241A1C;
    --muted: #5B4E51;
    --sidebar: #F1EAE6;
    --sidebar-text: #3A2A2E;
    --primary: #720534;
    --primary-strong: #720534;
    --primary-hover: #581E2F;
    --primary-container: #F3E3E8;
    --on-primary: #FFFFFF;
    --secondary: #074912;
    --secondary-container: #E3EFE6;
    --on-secondary-container: #074912;
    --on-secondary: #FFFFFF;
    --code-bg: #2B2326;
    --code-text: #F3E9EC;
    --fallback-wash: rgba(25,8,14,.38);
    --fallback-banner: url('/branding/fallback-banner.svg?v=5daad0ab97491865');
}

:root[data-theme=dark] {
    --bg: #171314;
    --surface: #221C1E;
    --text: #EDE6E7;
    --muted: #B9ACAF;
    --sidebar: #1E1819;
    --sidebar-text: #E3D9DB;
    --primary: #E88AA6;
    --primary-strong: #7A2140;
    --primary-hover: #8E2A4E;
    --primary-container: #3A2329;
    --on-primary: #1E1819;
    --secondary: #7FB88F;
    --secondary-container: #1F3226;
    --on-secondary-container: #A9D6B5;
    --on-secondary: #FFFFFF;
    --code-bg: #2B2326;
    --code-text: #F3E9EC;
    --fallback-wash: rgba(25,8,14,.38);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme=light]) {
        --bg: #171314;
        --surface: #221C1E;
        --text: #EDE6E7;
        --muted: #B9ACAF;
        --sidebar: #1E1819;
        --sidebar-text: #E3D9DB;
        --primary: #E88AA6;
        --primary-strong: #7A2140;
        --primary-hover: #8E2A4E;
        --primary-container: #3A2329;
        --on-primary: #1E1819;
        --secondary: #7FB88F;
        --secondary-container: #1F3226;
        --on-secondary-container: #A9D6B5;
        --on-secondary: #FFFFFF;
        --code-bg: #2B2326;
        --code-text: #F3E9EC;
        --fallback-wash: rgba(25,8,14,.38);
    }
}