:root {
    /* Enterprise Palette – V4.0 */
    --color-navy: #061B45;
    --color-blue: #2F6BFF;
    --color-blue-secondary: #4A7DFF;
    --color-cyan: #22D3EE;
    --color-teal: #18C8B7;
    --color-gold: #FFC93C;
    --color-white: #F8FAFC;
    --color-light-gray: #CBD5E1;
    --color-muted-gray: #64748B;
    --color-border: rgba(255,255,255,0.08);
    --color-shadow: 0 8px 32px rgba(0,0,0,0.3);

    /* Derived */
    --primary: var(--color-blue);
    --primary-dark: var(--color-navy);
    --secondary: var(--color-blue-secondary);
    --accent-cyan: var(--color-cyan);
    --accent-teal: var(--color-teal);
    --gold: var(--color-gold);
    --white: var(--color-white);
    --light-bg: #0A2540;
    --dark-navy: var(--color-navy);
    --neutral-gray: var(--color-muted-gray);
    --text-body: var(--color-light-gray);
    --text-dark: var(--color-white);
    --shadow-sm: var(--color-shadow);
    --shadow-md: 0 12px 40px rgba(0,0,0,0.4);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.5);
    --radius: 16px;
    --radius-sm: 8px;
    --transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    --font-primary: 'Inter', sans-serif;
    --font-headline: 'Plus Jakarta Sans', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    --glass-bg: rgba(6, 27, 69, 0.7);
    --glass-border: rgba(255,255,255,0.08);
    --glass-shadow: 0 8px 32px rgba(0,0,0,0.4);
}

/* Dark mode (extends the navy base with deeper background) */
[data-theme="dark"] {
    --color-navy: #020C1A;
    --light-bg: #060F1A;
    --glass-bg: rgba(2, 12, 26, 0.8);
    --text-body: #E2E8F0;
    --neutral-gray: #94A3B8;
    --color-border: rgba(255,255,255,0.05);
}