/* /assets/css/tokens.css */
:root {
    /* Colors */
    --color-navy-deep: #071629;
    --color-navy-midnight: #0B1F3A;
    --color-charcoal: #1F242D;
    --color-white: #FFFFFF;
    --color-gray-light: #F5F7FA;
    --color-red: #E11D2E;
    --color-blue: #2563EB;
    
    /* Typography */
    --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
    
    /* Spacing Scale */
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-5: 24px;
    --spacing-6: 32px;
    --spacing-7: 48px;
    --spacing-8: 64px;
    --spacing-9: 80px;
    --spacing-10: 96px;
    --spacing-11: 120px;
    
    /* Layout & Borders */
    --container-max: 1280px;
    --container-width: 1280px;
    --radius-btn: 8px;
    --radius-card: 12px;
    --border-radius-sm: 6px;
    --border-radius-md: 10px;
    --border-radius-lg: 14px;
    
    /* Semantic Color Aliases */
    --color-navy: #071629;
    --color-midnight: #0B1F3A;
    --color-border: rgba(255, 255, 255, 0.08);
    --color-gray-200: #e2e8f0;
    --color-gray-300: #cbd5e1;
    --color-gray-400: #94a3b8;

    /* Typography Scale Aliases */
    --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    
    /* Transitions */
    --transition-fast: 0.2s ease-in-out;
    --transition-base: 0.3s ease-in-out;
    
    /* Z-Index */
    --z-header: 100;
    --z-nav-mobile: 90;
}