/*
 * Jetons de conception du panel Atlas.
 * Accent = les deux bleus du logo (#0096C7, #0077B6). Thème sombre par défaut ; le thème
 * clair a ses propres valeurs (pas une simple inversion). Couleurs d'état réservées à l'état
 * (bon / attention / sérieux / critique), toujours accompagnées d'une icône et d'un libellé.
 */

:root,
:root[data-theme="dark"] {
  color-scheme: dark;

  /* Plans */
  --fond: #090b0e;
  --barre: #0c0f13;
  --carte: #10141a;
  --carte-2: #151a21;
  --carte-3: #1c222b;
  --bord: rgba(255, 255, 255, 0.07);
  --bord-fort: rgba(255, 255, 255, 0.13);

  /* Encre */
  --texte: #eef2f6;
  --texte-2: #a9b3bf;
  --texte-3: #75808e;

  /* Accent Atlas */
  --accent: #0096c7;
  --accent-fort: #0077b6;
  --accent-doux: rgba(0, 150, 199, 0.13);
  --accent-texte: #3fb6e0;
  --sur-accent: #ffffff;

  /* Graphiques (validés : voir frontend/README.md) */
  --serie-1: #0096c7;
  --serie-2: #d95926; /* 2e série (validée avec --serie-1 : daltonisme, contraste, luminosité) */
  --serie-attenuee: #8b97a6;
  --barre-attenuee: #3b6f8c;
  --grille: rgba(255, 255, 255, 0.06);
  --axe: rgba(255, 255, 255, 0.14);

  /* État : réservé, jamais pour une série */
  --bon: #0ca30c;
  --attention: #fab219;
  --serieux: #ec835a;
  --critique: #d03b3b;

  --ombre: 0 18px 50px rgba(0, 0, 0, 0.45);
  --voile: rgba(4, 6, 9, 0.62);
}

:root[data-theme="light"] {
  color-scheme: light;

  --fond: #f2f4f7;
  --barre: #ffffff;
  --carte: #ffffff;
  --carte-2: #f5f7fa;
  --carte-3: #eaeef3;
  --bord: rgba(12, 20, 32, 0.08);
  --bord-fort: rgba(12, 20, 32, 0.15);

  --texte: #0c1420;
  --texte-2: #4a5566;
  --texte-3: #6b7685;

  --accent: #0077b6;
  --accent-fort: #005f92;
  --accent-doux: rgba(0, 119, 182, 0.10);
  --accent-texte: #006aa3;
  --sur-accent: #ffffff;

  --serie-1: #0077b6;
  --serie-2: #eb6834;
  --serie-attenuee: #7b8696;
  --barre-attenuee: #6499b9;
  --grille: rgba(12, 20, 32, 0.07);
  --axe: rgba(12, 20, 32, 0.18);

  --bon: #0ca30c;
  --attention: #c98500;
  --serieux: #d9693c;
  --critique: #d03b3b;

  --ombre: 0 18px 50px rgba(12, 20, 32, 0.14);
  --voile: rgba(12, 20, 32, 0.35);
}

:root {
  --police: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --police-titre: "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, "SF Mono", monospace;

  --rayon: 14px;
  --rayon-petit: 9px;
  --largeur-barre: 248px;
  --hauteur-haut: 58px;
}