/* Generated by bin/theme-build.php from docs/design/DESIGN.md (version 5 · 2026-10-25). Don't edit: change DESIGN.md and rebuild. */

:root {
    color-scheme: light;
    --vife-navy-900: #011028;
    --vife-navy-800: #031632;
    --vife-ocean-700: #173D5A;
    --vife-ocean-400: #2391A9;
    --vife-teal-600: #297170;
    --vife-kelp-300: #68BBA0;
    --vife-kelp-900: #0F3425;
    --vife-ice-100: #CCFBFF;
    --vife-silver-50: #FAFCF6;
    --vife-silver-500: #828A96;
    --vife-slate-400: #86929C;
    --vife-mist-100: #EDEFEF;
    --font-display: "Tinos", "Nimbus Roman", "Times New Roman", serif;
    --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-weight-display: 700;
    --tracking-kicker: 0.18em;
    --color-page: #FAFCF6;
    --color-surface: #FFFFFF;
    --color-sunken: #EDEFEF;
    --color-text: #1B2430;
    --color-heading: #031632;
    --color-muted: #4A5866;
    --color-link: #297170;
    --color-action: #297170;
    --color-on-action: #FFFFFF;
    --color-band: #031632;
    --color-band-deep: #011028;
    --color-on-band: #FFFFFF;
    --color-on-band-muted: #CCFBFF;
    --color-band-accent: #68BBA0;
    --color-band-alt: #173D5A;
    --color-band-edge: #173D5A;
    --color-callout: #CCFBFF;
    --color-on-callout: #031632;
    --color-border: #DDE3E7;
    --color-input-border: #7A8692;
    --color-focus: #2391A9;
    --color-sponsored-bg: #CCFBFF;
    --color-sponsored-text: #031632;
    --color-slot-taken: #68BBA0;
    --color-slot-open: #CCFBFF;
    --color-photo-placeholder: #173D5A;
    --shadow-raised: 0 12px 32px rgba(1,16,40,0.12);
    --color-danger: #B3261E;
    --color-danger-bg: #FDECEA;
    --color-success: #1E6B3A;
    --color-success-bg: #E8F5EC;
    --color-warning-bg: #FFF4D6;
    --color-star: #8A5300;
    --color-overlay: rgba(1,16,40,0.85);
    --color-google-bg: #FFFFFF;
    --color-google-text: #1F1F1F;
    --color-google-border: #747775;
    --color-facebook-bg: #0866FF;
    --color-facebook-text: #FFFFFF;
}

[data-theme="dark"] {
    color-scheme: dark;
    --color-page: #011028;
    --color-surface: #0A2240;
    --color-sunken: #031632;
    --color-text: #E8EEF3;
    --color-heading: #FFFFFF;
    --color-muted: #A9B7C6;
    --color-link: #68BBA0;
    --color-action: #68BBA0;
    --color-on-action: #011028;
    --color-band: #031632;
    --color-band-deep: #000A1A;
    --color-on-band: #FFFFFF;
    --color-on-band-muted: #CCFBFF;
    --color-band-accent: #68BBA0;
    --color-band-alt: #173D5A;
    --color-band-edge: #1E3A5C;
    --color-callout: #173D5A;
    --color-on-callout: #CCFBFF;
    --color-border: #1E3A5C;
    --color-input-border: #55779A;
    --color-focus: #CCFBFF;
    --color-sponsored-bg: #CCFBFF;
    --color-sponsored-text: #031632;
    --color-slot-taken: #68BBA0;
    --color-slot-open: #CCFBFF;
    --color-photo-placeholder: #173D5A;
    --shadow-raised: 0 12px 32px rgba(0,0,0,0.45);
    --color-danger: #FFB4A9;
    --color-danger-bg: #3A1418;
    --color-success: #8FD9A8;
    --color-success-bg: #0F3425;
    --color-warning-bg: #3A3010;
    --color-star: #F2C14E;
    --color-overlay: rgba(0,0,0,0.85);
    --color-google-bg: #131314;
    --color-google-text: #E3E3E3;
    --color-google-border: #8E918F;
    --color-facebook-bg: #0866FF;
    --color-facebook-text: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --color-page: #011028;
        --color-surface: #0A2240;
        --color-sunken: #031632;
        --color-text: #E8EEF3;
        --color-heading: #FFFFFF;
        --color-muted: #A9B7C6;
        --color-link: #68BBA0;
        --color-action: #68BBA0;
        --color-on-action: #011028;
        --color-band: #031632;
        --color-band-deep: #000A1A;
        --color-on-band: #FFFFFF;
        --color-on-band-muted: #CCFBFF;
        --color-band-accent: #68BBA0;
        --color-band-alt: #173D5A;
        --color-band-edge: #1E3A5C;
        --color-callout: #173D5A;
        --color-on-callout: #CCFBFF;
        --color-border: #1E3A5C;
        --color-input-border: #55779A;
        --color-focus: #CCFBFF;
        --color-sponsored-bg: #CCFBFF;
        --color-sponsored-text: #031632;
        --color-slot-taken: #68BBA0;
        --color-slot-open: #CCFBFF;
        --color-photo-placeholder: #173D5A;
        --shadow-raised: 0 12px 32px rgba(0,0,0,0.45);
        --color-danger: #FFB4A9;
        --color-danger-bg: #3A1418;
        --color-success: #8FD9A8;
        --color-success-bg: #0F3425;
        --color-warning-bg: #3A3010;
        --color-star: #F2C14E;
        --color-overlay: rgba(0,0,0,0.85);
        --color-google-bg: #131314;
        --color-google-text: #E3E3E3;
        --color-google-border: #8E918F;
        --color-facebook-bg: #0866FF;
        --color-facebook-text: #FFFFFF;
    }
}