:root {
    color-scheme: light;

    --md-sys-color-primary: #075f9f;
    --md-sys-color-on-primary: #ffffff;
    --md-sys-color-primary-container: #dceeff;
    --md-sys-color-on-primary-container: #073153;
    --md-sys-color-secondary: #17756f;
    --md-sys-color-on-secondary: #ffffff;
    --md-sys-color-secondary-container: #d8f3ef;
    --md-sys-color-on-secondary-container: #0b332f;
    --md-sys-color-tertiary: #5f5f12;
    --md-sys-color-background: #eef4fb;
    --md-sys-color-on-background: #152233;
    --md-sys-color-surface: #fbfdff;
    --md-sys-color-on-surface: #142133;
    --md-sys-color-surface-variant: #e6eef7;
    --md-sys-color-on-surface-variant: #516173;
    --md-sys-color-outline: #728398;
    --md-sys-color-outline-variant: #d2deea;
    --md-sys-color-error: #b42318;
    --md-sys-color-on-error: #ffffff;
    --md-sys-color-success: #0f7a4a;
    --md-sys-color-warning: #9a5a05;
    --md-sys-color-info: #175cd3;

    --saf-color-brand: #063b68;
    --saf-color-brand-soft: #e4f2ff;
    --saf-color-accent: #15a39a;
    --saf-color-background-panel: #dceeff;
    --saf-color-glass: rgba(255, 255, 255, 0.76);
    --saf-color-glass-border: rgba(255, 255, 255, 0.92);
    --saf-color-glass-shadow: rgba(15, 41, 66, 0.20);
    --saf-color-card: rgba(255, 255, 255, 0.82);
    --saf-color-card-hover: #f2f8ff;
    --saf-color-card-pressed: #eaf4ff;
    --saf-color-input: #ffffff;
    --saf-color-topbar: rgba(251, 253, 255, 0.92);
    --saf-color-footer: rgba(251, 253, 255, 0.74);
    --saf-color-primary-hover: #064f84;
    --saf-color-secondary-hover: #c8ebe5;
    --saf-color-error-container: #fde7e4;
    --saf-color-success-container: #def4e9;
    --saf-color-warning-container: #fff0d8;
    --saf-color-info-container: #e3efff;
    --saf-home-sales: #075f9f;
    --saf-home-sales-container: #dceeff;
    --saf-home-payments: #17756f;
    --saf-home-payments-container: #d8f3ef;
    --saf-home-documents: #7a4cc2;
    --saf-home-documents-container: #eee7ff;
    --saf-home-pending: #9a5a05;
    --saf-home-pending-container: #fff0d8;
    --saf-tone-sales: #075f9f;
    --saf-tone-sales-container: #dceeff;
    --saf-tone-money: #0f7a4a;
    --saf-tone-money-container: #def4e9;
    --saf-tone-purchases: #17756f;
    --saf-tone-purchases-container: #d8f3ef;
    --saf-tone-documents: #7a4cc2;
    --saf-tone-documents-container: #eee7ff;
    --saf-tone-inventory: #9a5a05;
    --saf-tone-inventory-container: #fff0d8;
    --saf-tone-admin: #175cd3;
    --saf-tone-admin-container: #e3efff;
    --saf-color-focus-ring: #c7e3ff;
    --saf-color-spinner-track: #d8ecff;

    --font-family-base: Inter, "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --font-size-display: 3rem;
    --font-size-headline: 2.1rem;
    --font-size-title: 1.25rem;
    --font-size-body: 1rem;
    --font-size-label: 0.875rem;
    --line-height-display: 1.04;
    --line-height-headline: 1.12;
    --line-height-title: 1.28;
    --line-height-body: 1.55;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 620;
    --font-weight-bold: 760;
    --font-weight-title: 430;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;

    --shape-extra-small: 10px;
    --shape-small: 14px;
    --shape-medium: 20px;
    --shape-large: 24px;
    --shape-extra-large: 32px;
    --shape-pill: 999px;

    --elevation-0: none;
    --elevation-1: 0 2px 8px rgba(15, 41, 66, 0.07);
    --elevation-2: 0 10px 28px rgba(15, 41, 66, 0.10);
    --elevation-3: 0 22px 58px rgba(15, 41, 66, 0.14);
    --elevation-4: 0 34px 90px rgba(15, 41, 66, 0.20);

    --motion-fast: 120ms;
    --motion-normal: 180ms;
    --motion-slow: 240ms;
    --easing-standard: cubic-bezier(0.2, 0, 0, 1);
}

[data-theme="dark"] {
    color-scheme: dark;
    --md-sys-color-primary: #91c9ff;
    --md-sys-color-on-primary: #062945;
    --md-sys-color-primary-container: #0a3e68;
    --md-sys-color-on-primary-container: #d9edff;
    --md-sys-color-secondary: #91dcd3;
    --md-sys-color-on-secondary: #0b332f;
    --md-sys-color-secondary-container: #164d47;
    --md-sys-color-on-secondary-container: #d8f3ef;
    --md-sys-color-tertiary: #dfde76;
    --md-sys-color-background: #0d1622;
    --md-sys-color-on-background: #edf4fb;
    --md-sys-color-surface: #121d2b;
    --md-sys-color-on-surface: #edf4fb;
    --md-sys-color-surface-variant: #1b293a;
    --md-sys-color-on-surface-variant: #c5d3e2;
    --md-sys-color-outline: #8797ab;
    --md-sys-color-outline-variant: #2e4055;
    --md-sys-color-error: #ffb4ab;
    --md-sys-color-on-error: #690005;
    --md-sys-color-success: #8bd9ad;
    --md-sys-color-warning: #ffd190;
    --md-sys-color-info: #a8c7ff;
    --saf-color-brand: #91c9ff;
    --saf-color-brand-soft: #102942;
    --saf-color-accent: #91dcd3;
    --saf-color-background-panel: #0a3e68;
    --saf-color-glass: rgba(18, 29, 43, 0.72);
    --saf-color-glass-border: rgba(145, 201, 255, 0.30);
    --saf-color-glass-shadow: rgba(0, 0, 0, 0.46);
    --saf-color-card: rgba(18, 29, 43, 0.82);
    --saf-color-card-hover: #1a2a3d;
    --saf-color-card-pressed: #21344b;
    --saf-color-input: #0f1a27;
    --saf-color-topbar: rgba(13, 22, 34, 0.92);
    --saf-color-footer: rgba(18, 29, 43, 0.72);
    --saf-color-primary-hover: #abd6ff;
    --saf-color-secondary-hover: #235c56;
    --saf-color-error-container: #3f1515;
    --saf-color-success-container: #123624;
    --saf-color-warning-container: #3b2812;
    --saf-color-info-container: #132b4d;
    --saf-home-sales: #91c9ff;
    --saf-home-sales-container: #102942;
    --saf-home-payments: #91dcd3;
    --saf-home-payments-container: #143a35;
    --saf-home-documents: #d0bcff;
    --saf-home-documents-container: #302446;
    --saf-home-pending: #ffd190;
    --saf-home-pending-container: #3b2812;
    --saf-tone-sales: #91c9ff;
    --saf-tone-sales-container: #102942;
    --saf-tone-money: #8bd9ad;
    --saf-tone-money-container: #123624;
    --saf-tone-purchases: #91dcd3;
    --saf-tone-purchases-container: #143a35;
    --saf-tone-documents: #d0bcff;
    --saf-tone-documents-container: #302446;
    --saf-tone-inventory: #ffd190;
    --saf-tone-inventory-container: #3b2812;
    --saf-tone-admin: #a8c7ff;
    --saf-tone-admin-container: #132b4d;
    --saf-color-focus-ring: #17476f;
    --saf-color-spinner-track: #0a3e68;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --md-sys-color-primary: #91c9ff;
        --md-sys-color-on-primary: #062945;
        --md-sys-color-primary-container: #0a3e68;
        --md-sys-color-on-primary-container: #d9edff;
        --md-sys-color-secondary: #91dcd3;
        --md-sys-color-on-secondary: #0b332f;
        --md-sys-color-secondary-container: #164d47;
        --md-sys-color-on-secondary-container: #d8f3ef;
        --md-sys-color-background: #0d1622;
        --md-sys-color-on-background: #edf4fb;
        --md-sys-color-surface: #121d2b;
        --md-sys-color-on-surface: #edf4fb;
        --md-sys-color-surface-variant: #1b293a;
        --md-sys-color-on-surface-variant: #c5d3e2;
        --md-sys-color-outline: #8797ab;
        --md-sys-color-outline-variant: #2e4055;
        --md-sys-color-error: #ffb4ab;
        --md-sys-color-on-error: #690005;
        --md-sys-color-success: #8bd9ad;
        --md-sys-color-warning: #ffd190;
        --md-sys-color-info: #a8c7ff;
        --saf-color-brand: #91c9ff;
        --saf-color-brand-soft: #102942;
        --saf-color-accent: #91dcd3;
        --saf-color-background-panel: #0a3e68;
        --saf-color-glass: rgba(18, 29, 43, 0.72);
        --saf-color-glass-border: rgba(145, 201, 255, 0.30);
        --saf-color-glass-shadow: rgba(0, 0, 0, 0.46);
        --saf-color-card: rgba(18, 29, 43, 0.82);
        --saf-color-card-hover: #1a2a3d;
        --saf-color-card-pressed: #21344b;
        --saf-color-input: #0f1a27;
        --saf-color-topbar: rgba(13, 22, 34, 0.92);
        --saf-color-footer: rgba(18, 29, 43, 0.72);
        --saf-color-primary-hover: #abd6ff;
        --saf-color-secondary-hover: #235c56;
        --saf-color-error-container: #3f1515;
        --saf-color-success-container: #123624;
        --saf-color-warning-container: #3b2812;
        --saf-color-info-container: #132b4d;
        --saf-home-sales: #91c9ff;
        --saf-home-sales-container: #102942;
        --saf-home-payments: #91dcd3;
        --saf-home-payments-container: #143a35;
        --saf-home-documents: #d0bcff;
        --saf-home-documents-container: #302446;
        --saf-home-pending: #ffd190;
        --saf-home-pending-container: #3b2812;
        --saf-tone-sales: #91c9ff;
        --saf-tone-sales-container: #102942;
        --saf-tone-money: #8bd9ad;
        --saf-tone-money-container: #123624;
        --saf-tone-purchases: #91dcd3;
        --saf-tone-purchases-container: #143a35;
        --saf-tone-documents: #d0bcff;
        --saf-tone-documents-container: #302446;
        --saf-tone-inventory: #ffd190;
        --saf-tone-inventory-container: #3b2812;
        --saf-tone-admin: #a8c7ff;
        --saf-tone-admin-container: #132b4d;
        --saf-color-focus-ring: #17476f;
        --saf-color-spinner-track: #0a3e68;
    }
}