:root {
    /* --- COLOR PALETTE (HSL) --- */

    /* Primary: Neon Lime (Energy, Speed) */
    --primary-h: 84;
    --primary-s: 100%;
    --primary-l: 59%;
    --primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));

    /* Secondary: Magenta (Brand Identity - Logo Match) */
    --secondary-h: 330;
    --secondary-s: 100%;
    --secondary-l: 43%;
    /* Matches #D9006C */
    --secondary: hsl(var(--secondary-h), var(--secondary-s), var(--secondary-l));

    /* Backgrounds (Dark UI) */
    --bg-h: 0;
    --bg-s: 0%;
    --bg-l: 4%;
    --color-bg: hsl(var(--bg-h), var(--bg-s), var(--bg-l));
    /* #0a0a0a */

    --bg-card-l: 7%;
    --color-bg-section: hsl(var(--bg-h), var(--bg-s), var(--bg-card-l));
    /* #121212 */

    --bg-element-l: 10%;
    --color-bg-element: hsl(var(--bg-h), var(--bg-s), var(--bg-element-l));
    /* #1a1a1a */

    /* Typography */
    --text-h: 0;
    --text-s: 0%;
    --text-l: 88%;
    --color-text: hsl(var(--text-h), var(--text-s), var(--text-l));
    /* #e0e0e0 */

    /* Mappings to Old Names (Adapter Pattern) */
    --cor-fundo: var(--color-bg);
    --cor-fundo-secao: var(--color-bg-section);
    --cor-texto: var(--color-text);
    --cor-destaque-magenta: var(--secondary);
    /* Swapped to Blue */
    --cor-destaque-verde: var(--primary);
    --cor-cinza-escuro: var(--color-bg-element);

    /* --- SPACING SYSTEM (8pt Grid) --- */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* --- TYPOGRAPHY CLAMP --- */
    --font-sm: clamp(0.875rem, 0.8rem + 0.2vw, 1rem);
    --font-base: clamp(1rem, 0.9rem + 0.3vw, 1.125rem);
    --font-lg: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem);
    --font-xl: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
    --font-display: clamp(2.5rem, 2rem + 3vw, 4rem);
}

/* High Contrast Mode Override */
body.high-contrast {
    --primary: #ffff00;
    /* Yellow */
    --secondary: #00ffff;
    /* Cyan */
    --color-bg: #000000;
    --color-bg-section: #000000;
    --color-text: #ffffff;
    --color-bg-element: #1a1a1a;
}