:root {
    /* Palette — Light (default) */
    --color-primary: #EE1C25;
    --color-primary-dark: #C41920;
    --color-primary-light: #FF4D54;
    --color-bg: #FDFBF7;
    --color-bg-card: #FFFFFF;
    --color-bg-tertiary: #F5F2ED;
    --color-text: #1A1A1A;
    --color-text-secondary: #6B6B6B;
    --color-border: rgba(0, 0, 0, 0.08);

    /* Typography */
    --font-body: 'DIN 2014', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-display: 'DIN 2014', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    /* Radii */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;

    /* Shadows — 2-layer composite (ambient + key) for premium depth */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 1px 3px rgba(0, 0, 0, 0.04), 0 6px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.05), 0 14px 36px rgba(0, 0, 0, 0.12);
    /* Glass highlight — subtle 1px edge on cards for glassmorphism feel */
    --glass-edge: rgba(0, 0, 0, 0.04);

    /* Transitions */
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --duration: 0.25s;

    /* Layout */
    --header-height: 60px;
    --max-width: 1200px;
}

/* Dark mode */
[data-theme="dark"] {
    --color-primary-dark: #FF4D54;
    --color-bg: #121212;
    --color-bg-card: #1E1E1E;
    --color-bg-tertiary: #2A2A2A;
    --color-text: #F5F5F5;
    --color-text-secondary: #B0B0B0;
    --color-border: rgba(255, 255, 255, 0.1);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.3), 0 10px 24px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.35), 0 20px 48px rgba(0, 0, 0, 0.55);
    --glass-edge: rgba(255, 255, 255, 0.05);
}