:root {
    color-scheme: light;
    --app-background-primary: #F6F4EF;
    --app-background-secondary: #F5F2E8;
    --app-background-card: #FFFDF7;
    --app-text-primary: #2F2D2A;
    --app-text-secondary: #6B6862;
    --app-text-tertiary: #9C9A94;
    --app-text-on-accent: #FFFFFF;
    --app-divider: #E8E1D5;
    --app-accent: #D4A574;
    --app-accent-secondary: #E6B887;
    --app-accent-soft: rgba(212, 165, 116, 0.1);
    --app-accent-border: rgba(212, 165, 116, 0.3);
    --app-forest-mist: #A8B5A0;
    --app-forest-mist-soft: rgba(168, 181, 160, 0.1);
    --app-forest-mist-softer: rgba(168, 181, 160, 0.05);
    --app-wisdom-blue: #6B8CAE;
    --app-wisdom-blue-soft: rgba(107, 140, 174, 0.1);
    --app-card-shadow: rgba(0, 0, 0, 0.1);
    --app-page-gutter: clamp(16px, 5vw, 24px);
    --app-content-gutter: clamp(16px, 4vw, 20px);
}

:root[data-theme='dark'] {
    color-scheme: dark;
    --app-background-primary: #171513;
    --app-background-secondary: #211E1A;
    --app-background-card: #2A2622;
    --app-text-primary: #F5EFE3;
    --app-text-secondary: #D1C6B4;
    --app-text-tertiary: #9A8F81;
    --app-divider: #3B342D;
    --app-accent-soft: rgba(212, 165, 116, 0.16);
    --app-accent-border: rgba(212, 165, 116, 0.38);
    --app-forest-mist-soft: rgba(168, 181, 160, 0.16);
    --app-forest-mist-softer: rgba(168, 181, 160, 0.08);
    --app-wisdom-blue-soft: rgba(107, 140, 174, 0.18);
    --app-card-shadow: rgba(0, 0, 0, 0.4);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        color-scheme: dark;
        --app-background-primary: #171513;
        --app-background-secondary: #211E1A;
        --app-background-card: #2A2622;
        --app-text-primary: #F5EFE3;
        --app-text-secondary: #D1C6B4;
        --app-text-tertiary: #9A8F81;
        --app-divider: #3B342D;
        --app-accent-soft: rgba(212, 165, 116, 0.16);
        --app-accent-border: rgba(212, 165, 116, 0.38);
        --app-forest-mist-soft: rgba(168, 181, 160, 0.16);
        --app-forest-mist-softer: rgba(168, 181, 160, 0.08);
        --app-wisdom-blue-soft: rgba(107, 140, 174, 0.18);
        --app-card-shadow: rgba(0, 0, 0, 0.4);
    }
}