:root {
    --navy: #0F172A;
    --navy-700: #16213D;
    --navy-600: #1E2A4A;
    --navy-500: #2A3B5C;
    --royal: #2563EB;
    --royal-hover: #1D4ED8;
    --royal-light: #EFF4FF;
    --royal-border: #C7DAFE;
    --sky: #38BDF8;
    --sky-light: #EFF9FF;
    --sky-deep: #0EA5E9;
    --success: #10B981;
    --success-light: #ECFDF5;
    --success-border: #A7F3D0;
    --warning: #F59E0B;
    --warning-light: #FFFBEB;
    --warning-border: #FDE3A7;
    --danger: #EF4444;
    --danger-light: #FEF2F2;
    --danger-border: #FBC8C8;
    --bg: #F8FAFC;
    --bg-raised: #F1F5F9;
    --surface: #FFFFFF;
    --surface-sunken: #F8FAFC;
    --text-1: #0F172A;
    --text-2: #334155;
    --text-3: #64748B;
    --text-4: #94A3B8;
    --text-inverse: #FFFFFF;
    --text-inverse-70: rgba(255, 255, 255, .72);
    --text-inverse-45: rgba(255, 255, 255, .46);
    --border: #E2E8F0;
    --border-soft: #EDF1F6;
    --border-strong: #CBD5E1;
    --font-display: 'Plus Jakarta Sans', 'Inter', -apple-system, sans-serif;
    --font-mono: 'Inter', ui-monospace, 'SF Mono', monospace;
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 20px;
    --sp-6: 24px;
    --sp-8: 32px;
    --sp-10: 40px;
    --sp-12: 48px;
    --sp-16: 64px;
    --sp-20: 80px;
    --r-xs: 4px;
    --r-sm: 8px;
    --r-md: 10px;
    --r-lg: 14px;
    --r-xl: 18px;
    --r-2xl: 24px;
    --r-pill: 999px;
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);
    --shadow-sm: 0 2px 6px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);
    --shadow-md: 0 6px 16px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .04);
    --shadow-lg: 0 16px 40px rgba(15, 23, 42, .12), 0 4px 12px rgba(15, 23, 42, .05);
    --shadow-xl: 0 28px 70px rgba(15, 23, 42, .18), 0 8px 24px rgba(15, 23, 42, .08);
    --shadow-navy: 0 12px 28px rgba(15, 23, 42, .28);
    --shadow-royal: 0 10px 24px rgba(37, 99, 235, .28);
    --shadow-focus: 0 0 0 4px rgba(37, 99, 235, .14);
    --ease: cubic-bezier(.4, 0, .2, 1);
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --t-fast: .14s;
    --t-base: .22s;
    --t-slow: .42s;
    --z-base: 1;
    --z-raised: 5;
    --z-sticky: 100;
    --z-dropdown: 9999;
    --z-overlay: 99999;
    --z-modal: 100000;
    --navbar-h: 68px;
    --container-xl: 1240px;
    --black: var(--navy);
    --white: var(--surface);
    --accent: var(--royal);
    --accent-hover: var(--royal-hover);
    --accent-light: var(--royal-light);
    --accent-border: var(--royal-border);
    --muted: var(--text-3);
    --subtle: var(--text-4);
    --ink: var(--text-1);
    --ink-2: var(--text-2);
    --ink-3: var(--text-2);
    --border-light: var(--border-soft);
    --border-dark: var(--border-strong);
    --warn: var(--warning);
    --warn-light: var(--warning-light);
}