/* Material You (M3) design tokens — baseline purple seed. Every component
   file reads colors/shape/elevation/type through these custom properties
   rather than literal values, so the whole console re-themes from one place.
   success/warning are custom tonal roles M3 doesn't ship by default, hand-
   picked to sit consistently alongside the baseline palette. */
:root {
    color-scheme: light dark;

    --md-primary: #6750a4;
    --md-on-primary: #ffffff;
    --md-primary-container: #eaddff;
    --md-on-primary-container: #21005d;

    --md-secondary: #625b71;
    --md-on-secondary: #ffffff;
    --md-secondary-container: #e8def8;
    --md-on-secondary-container: #1d192b;

    --md-tertiary: #7d5260;
    --md-on-tertiary: #ffffff;
    --md-tertiary-container: #ffd8e4;
    --md-on-tertiary-container: #31111d;

    --md-error: #b3261e;
    --md-on-error: #ffffff;
    --md-error-container: #f9dedc;
    --md-on-error-container: #410e0b;

    --md-success: #2e6b3e;
    --md-on-success: #ffffff;
    --md-success-container: #b4f1be;
    --md-on-success-container: #002109;

    --md-warning: #7a5900;
    --md-on-warning: #ffffff;
    --md-warning-container: #ffdea6;
    --md-on-warning-container: #271900;

    --md-background: #fffbfe;
    --md-on-background: #1c1b1f;

    --md-surface: #fffbfe;
    --md-on-surface: #1c1b1f;
    --md-surface-variant: #e7e0ec;
    --md-on-surface-variant: #49454f;

    --md-surface-container-lowest: #ffffff;
    --md-surface-container-low: #f7f2fa;
    --md-surface-container: #f3edf7;
    --md-surface-container-high: #ece6f0;
    --md-surface-container-highest: #e6e0e9;

    --md-outline: #79747e;
    --md-outline-variant: #cac4d0;

    --md-inverse-surface: #313033;
    --md-inverse-on-surface: #f4eff4;
    --md-inverse-primary: #d0bcff;

    --md-scrim: rgba(0, 0, 0, 0.32);

    --md-shape-xs: 4px;
    --md-shape-sm: 8px;
    --md-shape-md: 12px;
    --md-shape-lg: 16px;
    --md-shape-xl: 28px;
    --md-shape-full: 999px;

    --md-elevation-1: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
    --md-elevation-2: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
    --md-elevation-3: 0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);

    --md-font: "Roboto", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
    --md-font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
    :root {
        --md-primary: #d0bcff;
        --md-on-primary: #381e72;
        --md-primary-container: #4f378b;
        --md-on-primary-container: #eaddff;

        --md-secondary: #ccc2dc;
        --md-on-secondary: #332d41;
        --md-secondary-container: #4a4458;
        --md-on-secondary-container: #e8def8;

        --md-tertiary: #efb8c8;
        --md-on-tertiary: #492532;
        --md-tertiary-container: #633b48;
        --md-on-tertiary-container: #ffd8e4;

        --md-error: #f2b8b5;
        --md-on-error: #601410;
        --md-error-container: #8c1d18;
        --md-on-error-container: #f9dedc;

        --md-success: #98d5a2;
        --md-on-success: #00390d;
        --md-success-container: #0f5223;
        --md-on-success-container: #b4f1be;

        --md-warning: #f4c04d;
        --md-on-warning: #402d00;
        --md-warning-container: #5b4300;
        --md-on-warning-container: #ffdea6;

        --md-background: #1c1b1f;
        --md-on-background: #e6e1e5;

        --md-surface: #1c1b1f;
        --md-on-surface: #e6e1e5;
        --md-surface-variant: #49454f;
        --md-on-surface-variant: #cac4d0;

        --md-surface-container-lowest: #0f0d13;
        --md-surface-container-low: #1d1b20;
        --md-surface-container: #211f26;
        --md-surface-container-high: #2b2930;
        --md-surface-container-highest: #36343b;

        --md-outline: #938f99;
        --md-outline-variant: #49454f;

        --md-inverse-surface: #e6e1e5;
        --md-inverse-on-surface: #313033;
        --md-inverse-primary: #6750a4;

        --md-scrim: rgba(0, 0, 0, 0.5);
    }
}