/* --- 2.2 Design Tokens --- */

:root {
    /* Colors */
    --bg-deep: #020617;             /* Deepest Midnight Navy */
    --bg-primary: #0b1020;           /* Dark Navy Base */
    --bg-mid: #0f172a;               /* Rich Navy Midtone */
    --bg-surface: #12121f;
    --bg-surface-hover: #1a1a2e;
    --glow-white: rgba(255, 255, 255, 0.08);  /* Soft Icy White Diffusion */
    --text-primary: #ffffff;
    --text-heading: #ffffff;
    --text-muted: #b6b6c5;

    --brand-primary: #38bdf8;          /* Baby Blue / Sky Blue */
    --brand-primary-rgb: 56, 189, 248;

    --brand-secondary: #60a5fa;        /* Cool Electric Blue */
    --brand-secondary-rgb: 96, 165, 250;

    --accent: #ffffff;                 /* Crisp White */
    --accent-rgb: 255, 255, 255;

    --accent-strong: #0ea5e9;          /* Vibrant Sky Blue */
    --accent-strong-rgb: 14, 165, 233;

    --accent-alt: #e0f2fe;             /* Soft Pale Sky Blue */

    --glow-primary: #38bdf8;
    --glow-secondary: #60a5fa;
    --glow-soft: rgba(56, 189, 248, 0.25);
    --border-highlight: rgba(96, 165, 250, 0.45);
    --border-subtle: rgba(255, 255, 255, 0.08);

    /* Spacing */
    --space-2xs: 8px;
    --space-xs: 12px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 64px;
    --space-2xl: 96px;
    --space-3xl: 128px;

    /* Typography */
    --font-body: 'Inter', sans-serif;
    --font-heading: 'Outfit', sans-serif;
}