:root {
    --color-primary: #0B1F45;
    --color-primary-light: #1A3A6B;
    --color-accent: #FFC928;
    --color-accent-soft: #FFF3C4;
    --color-accent-hover: #F5BC00;
    --color-accent-text: #0B1F45;
    --color-bg: #FFFFFF;
    --color-bg-tint: #F2F7FD;
    --color-surface: #FFFFFF;
    --color-text: #0F172A;
    --color-text-secondary: #64748B;
    --color-border: #E2E8F0;
    --color-border-light: #EDF2F9;
    --color-footer-bg: #071530;
    --color-on-primary: #FFFFFF;
    --color-overlay-subtle: rgba(11, 31, 69, 0.06);

    --shadow-sm: 0 1px 2px rgba(11, 31, 69, 0.04), 0 4px 12px rgba(11, 31, 69, 0.04);
    --shadow-md: 0 4px 20px rgba(11, 31, 69, 0.07);
    --shadow-lg: 0 12px 40px rgba(11, 31, 69, 0.10);
    --shadow-search: 0 8px 32px rgba(11, 31, 69, 0.08);
    --shadow-card-hover: 0 8px 28px rgba(11, 31, 69, 0.10);

    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 24px;

    --spacing-unit: 4px;
    --space-1: calc(var(--spacing-unit) * 1);
    --space-2: calc(var(--spacing-unit) * 2);
    --space-3: calc(var(--spacing-unit) * 3);
    --space-4: calc(var(--spacing-unit) * 4);
    --space-5: calc(var(--spacing-unit) * 5);
    --space-6: calc(var(--spacing-unit) * 6);
    --space-8: calc(var(--spacing-unit) * 8);
    --space-9: calc(var(--spacing-unit) * 9);
    --space-10: calc(var(--spacing-unit) * 10);
    --space-12: calc(var(--spacing-unit) * 12);
    --space-14: calc(var(--spacing-unit) * 14);
    --space-16: calc(var(--spacing-unit) * 16);
    --space-18: calc(var(--spacing-unit) * 18);
    --space-24: calc(var(--spacing-unit) * 24);

    --touch-target: 44px;
    --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --container-max: 1280px;
    --header-height: 64px;
    --transition: 0.2s ease;
}