/* Dark palette matches the HijriDay mobile app exactly (lib/theme/app_theme.dart). */
:root,
:root[data-theme="dark"] {
    --color-bg: #131313;
    --color-surface: #201F1F;
    --color-surface-high: #2A2A2A;
    --color-surface-highest: #353534;
    --color-primary: #ABCFB5;
    --color-primary-container: #0F2F1D;
    --color-on-primary: #173624;
    --color-secondary: #E9C349;
    --color-secondary-container: #AF8D11;
    --color-tertiary: #EFB9C0;
    --color-on-surface: #E5E2E1;
    --color-on-surface-variant: #C2C8C1;
    --color-outline: #8C928C;
    --color-outline-soft: rgba(171, 207, 181, 0.2);
    --color-shadow: rgba(0, 0, 0, 0.35);
    --scrim: rgba(0, 0, 0, 0.55);
    color-scheme: dark;
}

/* Light palette: same accent hues (sage green / gold), lifted onto a bright
   surface so the brand still reads as HijriDay even though the app has no
   light mode to mirror 1:1. */
:root[data-theme="light"] {
    --color-bg: #F6F7F4;
    --color-surface: #FFFFFF;
    --color-surface-high: #EFF3EF;
    --color-surface-highest: #E4E9E3;
    --color-primary: #2F7D46;
    --color-primary-container: #DCEFE0;
    --color-on-primary: #FFFFFF;
    --color-secondary: #B8860B;
    --color-secondary-container: #FBEBC0;
    --color-tertiary: #C0455A;
    --color-on-surface: #1D1F1C;
    --color-on-surface-variant: #52584F;
    --color-outline: #9AA39A;
    --color-outline-soft: rgba(47, 125, 70, 0.18);
    --color-shadow: rgba(31, 42, 33, 0.10);
    --scrim: rgba(20, 24, 20, 0.4);
    color-scheme: light;
}

@media (prefers-color-scheme: light) {
    :root:not([data-theme]) {
        --color-bg: #F6F7F4;
        --color-surface: #FFFFFF;
        --color-surface-high: #EFF3EF;
        --color-surface-highest: #E4E9E3;
        --color-primary: #2F7D46;
        --color-primary-container: #DCEFE0;
        --color-on-primary: #FFFFFF;
        --color-secondary: #B8860B;
        --color-secondary-container: #FBEBC0;
        --color-tertiary: #C0455A;
        --color-on-surface: #1D1F1C;
        --color-on-surface-variant: #52584F;
        --color-outline: #9AA39A;
        --color-outline-soft: rgba(47, 125, 70, 0.18);
        --color-shadow: rgba(31, 42, 33, 0.10);
        --scrim: rgba(20, 24, 20, 0.4);
        color-scheme: light;
    }
}