/* Carte Blocus — jetons de la charte (cadrage §3.12).
   Point de départ pour le front : à reprendre tel quel dans la feuille de style principale. */

:root {
  /* Interface — jour */
  --fond: #FAFAF7;
  --surface: #FFFFFF;
  --texte: #111111;
  --texte-2: #5C5C5C;
  --bordure: #E2E0DA;
  --accent: #C8102E;
  --accent-texte: #FFFFFF;

  /* Fond de carte — jour (désaturé) */
  --carte-mer: #F1F0EB;
  --carte-terre: #E4E2DC;
  --carte-contour: #CFCCC4;

  /* Échelle des niveaux — jour */
  --niv-0: #C9C7C0;
  --niv-1: #F2B8B5;
  --niv-2: #E5675A;
  --niv-3: #C8102E;
  --niv-4: #3D3D3D;
  --niv-4-contour: #3D3D3D;
  --opacite-non-confirme: 0.4;

  /* Séries des graphiques (stats) — jour, validées daltonisme + contraste */
  --serie-mobilises: #E8796D;
  --serie-bloques: #A50D26;
  --serie-fermes: #5C5C5C; /* trait pointillé */

  /* Typographie : polices système uniquement */
  --police: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Formes */
  --rayon-s: 8px;
  --rayon-m: 10px;
  --rayon-l: 12px;
  --rayon-feuille: 20px;
  --cible-tactile: 44px;

  color-scheme: light;
}

/* Nuit — appliqué par le sélecteur (data-theme) ou par le réglage de l'appareil en mode Auto */
:root[data-theme="nuit"] {
  --fond: #121212;
  --surface: #1C1C1C;
  --texte: #F2F0EB;
  --texte-2: #A3A3A3;
  --bordure: #2E2E2E;
  --accent: #E5484D;
  --accent-texte: #121212;

  --carte-mer: #161616;
  --carte-terre: #1E1E1E;
  --carte-contour: #333333;

  --niv-0: #4A4A4A;
  --niv-1: #6E2A30;
  --niv-2: #B3343C;
  --niv-3: #FF5C61;
  --niv-4: transparent;
  --niv-4-contour: #A3A3A3;

  /* Séries nuit (DEC5) : daltonisme et contraste validés, plage de luminosité non tenue (aucune paire
     de rouges ne passe tous les contrôles sur fond sombre). Étiquettes en bout de courbe obligatoires. */
  --serie-mobilises: #EE7268;
  --serie-bloques: #C92A33;
  --serie-fermes: #A3A3A3;

  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="jour"]) {
    --fond: #121212;
    --surface: #1C1C1C;
    --texte: #F2F0EB;
    --texte-2: #A3A3A3;
    --bordure: #2E2E2E;
    --accent: #E5484D;
    --accent-texte: #121212;
    --carte-mer: #161616;
    --carte-terre: #1E1E1E;
    --carte-contour: #333333;
    --niv-0: #4A4A4A;
    --niv-1: #6E2A30;
    --niv-2: #B3343C;
    --niv-3: #FF5C61;
    --niv-4: transparent;
    --niv-4-contour: #A3A3A3;
    --serie-mobilises: #EE7268;
    --serie-bloques: #C92A33;
    --serie-fermes: #A3A3A3;
    color-scheme: dark;
  }
}