/* ============================================================
   Thème "Fog DBD" — design system aligné sur le banana game,
   avec une identité Brouillard / Sang.
   Mêmes noms de variables que le banana ( --bg, --panel, --border,
   --yellow, --gold, --purple, --font-display, --font-body ... )
   + alias legacy ( --amber, --outline, --wood, --pixel ... ) pour
   compatibilité avec l'ancien style.css.
   ============================================================ */

:root {
  /* --- Base banana (structure identique) --- */
  --bg: #080b10;
  --panel: #10131a;
  --panel-light: #151522;
  --panel-lighter: #1b1a27;
  --border: #302d42;

  /* --- Accents Fog : violet dominant, jaune en rehaut --- */
  --yellow: #ffe52f;      /* lampe torche = highlight, comme banana */
  --gold: #ffd21c;
  --purple: #a855f7;      /* couleur dominante du thème */
  --purple2: #8b3dff;
  --blood: #a855f7;       /* alias historique, aujourd'hui violet */
  --blood-deep: #6d28d9;
  --fog: #9aa3b2;         /* gris brume */
  --twitch: #9146FF;

  --text: #f5f2ff;
  --text-dim: #8f8aa5;

  --green: #4ade80;
  --green-deep: #1f9d5c;
  --red: #ff5470;
  --red-deep: #b91c3c;

  --font-display: 'Orbitron', 'Rajdhani', 'Segoe UI', sans-serif;
  --font-body: 'Rajdhani', 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  font-family: var(--font-body);

  /* --- Alias legacy (ancien style fog) --- */
  --bg-glow: rgba(168, 85, 247, 0.14);
  --wood: var(--panel-light);
  --wood-light: var(--panel-lighter);
  --wood-dark: #0c0e14;
  --outline: var(--border);
  --amber: var(--yellow);
  --amber-deep: var(--blood);
  --muted: var(--text-dim);
  --dim: var(--text-dim);
  --pixel: var(--font-display);
  --text-font: var(--font-body);
}