:root {
    --color-primary: #EF7B22;
    --color-primary-strong: #D96A15;
    --color-primary-contrast: #FFFFFF;
    --color-secondary: #1C4F86;
    --color-secondary-hover: #163F6C;
    --color-accent: #5AA9E6;
    --color-bg: #FBF6EF;
    --color-surface: #FFFFFF;
    --color-surface-alt: #F3E9DC;
    --color-text: #2B2320;
    --color-text-muted: #6B5F55;
    --color-border: #E7DCCC;
    --color-success: #2F9E44;
    --color-danger: #D64545;
    --color-warning: #E0A106;
    --color-focus-ring: #5AA9E6;

    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 980px;
    --shadow-sm: 0 1px 2px rgba(43, 35, 32, 0.06), 0 1px 1px rgba(43, 35, 32, 0.04);
    --shadow-md: 0 8px 24px rgba(43, 35, 32, 0.10), 0 2px 6px rgba(43, 35, 32, 0.06);
    --shadow-lg: 0 20px 48px rgba(43, 35, 32, 0.16), 0 6px 16px rgba(43, 35, 32, 0.08);
    --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-heading: var(--font-body);

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --duration-fast: 150ms;
    --duration-base: 280ms;
    --duration-slow: 480ms;

    --glass-bg: rgba(251, 246, 239, 0.72);

    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-strong) 100%);
    --gradient-brand: linear-gradient(120deg, var(--color-primary) 0%, var(--color-primary-strong) 45%, var(--color-secondary) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent) 100%);
    --gradient-surface: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 6%, var(--color-surface)) 0%, var(--color-surface) 65%);
    --gradient-nav: linear-gradient(120deg, color-mix(in srgb, var(--color-primary) 10%, transparent) 0%, transparent 55%);
    --gradient-mesh:
        radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--color-primary) 30%, transparent) 0%, transparent 42%),
        radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--color-secondary) 26%, transparent) 0%, transparent 48%),
        radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--color-accent) 20%, transparent) 0%, transparent 55%);
    --gradient-text: linear-gradient(120deg, var(--color-primary-strong) 0%, var(--color-secondary) 100%);
}

:root[data-theme="dark"] {
    --color-primary: #F5923D;
    --color-primary-strong: #FFA855;
    --color-primary-contrast: #241A12;
    --color-secondary: #5AA9E6;
    --color-secondary-hover: #7FBEEF;
    --color-accent: #1C4F86;
    --color-bg: #211B16;
    --color-surface: #2C241D;
    --color-surface-alt: #362C22;
    --color-text: #F3E9DC;
    --color-text-muted: #B9AA98;
    --color-border: #4A3D30;
    --color-success: #4CC26B;
    --color-danger: #F17070;
    --color-warning: #F0C24B;
    --color-focus-ring: #5AA9E6;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.32), 0 2px 6px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.45), 0 6px 16px rgba(0, 0, 0, 0.28);
    --glass-bg: rgba(33, 27, 22, 0.68);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]):not([data-theme="dark"]) {
        --color-primary: #F5923D;
        --color-primary-strong: #FFA855;
        --color-primary-contrast: #241A12;
        --color-secondary: #5AA9E6;
        --color-secondary-hover: #7FBEEF;
        --color-accent: #1C4F86;
        --color-bg: #211B16;
        --color-surface: #2C241D;
        --color-surface-alt: #362C22;
        --color-text: #F3E9DC;
        --color-text-muted: #B9AA98;
        --color-border: #4A3D30;
        --color-success: #4CC26B;
        --color-danger: #F17070;
        --color-warning: #F0C24B;
        --color-focus-ring: #5AA9E6;
        --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
        --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.32), 0 2px 6px rgba(0, 0, 0, 0.2);
        --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.45), 0 6px 16px rgba(0, 0, 0, 0.28);
        --glass-bg: rgba(33, 27, 22, 0.68);
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}