/* ==========================================================
   TOKENS — design system (Fase 4).
   UNICA fonte dei colori/spaziature/font del gioco.
   Cambiare palette = cambiare QUESTO file.
   ================================================---------- */
:root {
    /* --- Palette semantica --- */
    --bg: #000000;
    --surface: rgba(10, 5, 20, 0.92);          /* pannelli/card */
    --surface-scura: rgba(0, 0, 0, 0.4);       /* box interni (stats, log) */
    --velo: rgba(2, 0, 8, 0.92);               /* sfondo dietro gli overlay */

    --testo: #ffffff;
    --testo-tenue: #e0d0ff;

    --accent: #7038f8;                          /* viola HUD principale */
    --accent-dim: rgba(112, 56, 248, 0.4);
    --accent-2: #00c8ff;                        /* ciano tecnologico */
    --pericolo: #ff0055;                        /* rosa/rosso neon */
    --successo: #00ff82;                        /* verde neon */
    --oro: #ffd23f;                             /* critici, countdown, premi */
    --mitico: #ffd23f;
    --pet: #ff5cf0;
    --info: #7fd8ff;                            /* testi informativi ciano */

    /* --- Barre di combattimento --- */
    --hp: #00ff82;
    --scudi-col: #00c8ff;
    --energia-col: #7038f8;

    /* --- Font --- */
    --font-main: 'CustomGlitchFont', monospace;

    /* --- Spaziatura --- */
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;

    /* --- Alias legacy (il CSS esistente li usa; puntano ai token) --- */
    --bg-dark: var(--bg);
    --hud-purple: var(--accent);
    --hud-purple-dim: var(--accent-dim);
    --hud-neon-pink: var(--pericolo);
    --hud-light: var(--testo-tenue);
    --text-main: var(--testo);
}