:root {
    /* Brand Colors */
    --color-navy: #0D1B3E;
    --color-blue-500: #1565C0;
    --color-blue-400: #1E88E5;
    --color-blue-300: #42A5F5;
    --color-blue-200: #90CAF9;
    --color-gray: #9CA3AF;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-black: #111827;
    --color-white: #FFFFFF;

    /* Semantic Tokens */
    --bg-primary: var(--color-white);
    --bg-secondary: var(--color-gray-100);
    --text-primary: var(--color-black);
    --text-secondary: #4B5563;
    --text-muted: var(--color-gray);
    --border: var(--color-gray-200);
    --accent: var(--color-blue-400);
    --destructive: #DC2626;

    /* Typography */
    --font-sans: 'Inter', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* Spacing Scale */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;
}