/* =========================================================
   Thème commun à toutes les aides de jeu.
   Uniquement des variables (couleurs, police, arrondis) : pour changer
   l'apparence de tout le site, on modifie ce fichier. Un futur choix de
   thème pourra redéfinir ces mêmes variables dans un bloc
   :root[data-theme="…"] { … }.
   ========================================================= */
:root {
  color-scheme: dark;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --radius: 16px;

  /* Fonds */
  --bg: #0d0a1a;
  --bg-2: #15102a;
  --bg-glow: #2b1b63;                 /* halo en haut de l'écran */
  --bg-glow-2: rgba(90, 209, 255, .10); /* halo en bas à droite */
  --bar-bg: rgba(13, 10, 26, .92);     /* barres collées en haut ou en bas */
  --panel: #1a1432;
  --panel-2: #231b44;
  --panel-3: #2e2458;
  --panel-fade: rgba(26, 20, 50, .7);
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .14);

  /* Textes */
  --text: #efeaff;
  --muted: #a49cc8;
  --faint: #6f6893;
  --ink: #0e0a1f;                      /* texte posé sur une pastille de couleur */

  /* Accents */
  --accent: #8f6bff;
  --accent-2: #5ad1ff;
  --primary-1: #9f80ff;                /* dégradé des boutons principaux */
  --primary-2: #6a45ee;
  --on-primary: #fff;
  --glow: rgba(143, 107, 255, .8);     /* ombre lumineuse des boutons principaux */
  --ring: rgba(143, 107, 255, .25);    /* halo de focus des champs */
  --gold: #ffc93c;
  --neg: #ff8a9b;
  --danger: #ff5c6c;

  /* Éléments particuliers */
  --logo-1: #5b3fd6;
  --logo-2: #1e1446;
  --logo-fg: #d6c8ff;
  --switch-knob: #cfc8ee;
  --toast-bg: #2b2250;
  --backdrop: rgba(6, 4, 14, .62);
  --resume-line: rgba(90, 209, 255, .35);
  --resume-bg: linear-gradient(135deg, rgba(90, 209, 255, .12), rgba(143, 107, 255, .12));
}