/* Les jetons « Plein soleil » (Memo.MD § 14), direction C, en clair et en sombre.
   Mêmes formes, mêmes polices ; seules les couleurs changent. Le choix de
   l'utilisateur (data-theme) gagne sur le système (prefers-color-scheme).
   La carte IGN reste claire dans les deux versions : ses jetons --carte-* sont
   fixés et ne bougent pas avec le thème. */

:root {
  --bg: #FFFFFF;
  --bg-alt: #EEF4F2;
  --surface: #F3F7F6;
  --surface-2: #E3ECE9;
  --ink: #06161C;
  --muted: #3B5159;
  --accent: #0E6B55;
  --accent-dark: #0A4F3F;
  --accent-ink: #FFFFFF;
  --accent-voile: #DDF0EA;
  --line: #B9C8C4;
  --ambre: #7A4E00;
  --voile-ambre: #FFF1CC;
  --alerte: #9B1C1C;
  --voile-alerte: #FDE2E2;
  --chrome: #FFFFFF;
  --ombre: 0 8px 24px -16px rgba(6, 22, 28, .35);
  --inverse-bg: #06161C;
  --inverse-ink: #FFFFFF;

  /* la marque NeuroBE reste corail, hors des boutons de l'application */
  --marque: #E0523A;

  /* formes */
  --r: 22px;
  --rs: 16px;
  --rp: 999px;
  --bw: 2px;
  --base: 17px;
  --cible: 56px;

  /* typographie : Manrope pour les titres et les chiffres, Public Sans pour le texte */
  --titre: 'Manrope', system-ui, sans-serif;
  --texte: 'Public Sans', system-ui, sans-serif;
  --chiffre: 'Manrope', system-ui, sans-serif;
  --eyebrow-ls: .1em;

  /* la carte, claire quoi qu'il arrive */
  --carte-fond: #F1EEE7;
  --carte-chrome: #FFFFFF;
  --carte-ink: #06161C;
  --carte-muted: #3B5159;
  --carte-epingle: #0E6B55;
  --carte-epingle-ban: #B8780A;
  --carte-depart: #0A2029;
  --carte-trace: #0E6B55;
}

:root[data-theme="sombre"] {
  --bg: #0C1418;
  --bg-alt: #16232A;
  --surface: #16232A;
  --surface-2: #1F3038;
  --ink: #F4F8F8;
  --muted: #9DB2B8;
  --accent: #4ADE9B;
  --accent-dark: #4ADE9B;
  --accent-ink: #0C1418;
  --accent-voile: #123028;
  --line: #2E434C;
  --ambre: #FFC24A;
  --voile-ambre: #33280E;
  --alerte: #FF8A8A;
  --voile-alerte: #3A1414;
  --chrome: #0C1418;
  --ombre: 0 8px 24px -12px rgba(0, 0, 0, .6);
  --inverse-bg: #F4F8F8;
  --inverse-ink: #0C1418;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    --bg: #0C1418;
    --bg-alt: #16232A;
    --surface: #16232A;
    --surface-2: #1F3038;
    --ink: #F4F8F8;
    --muted: #9DB2B8;
    --accent: #4ADE9B;
    --accent-dark: #4ADE9B;
    --accent-ink: #0C1418;
    --accent-voile: #123028;
    --line: #2E434C;
    --ambre: #FFC24A;
    --voile-ambre: #33280E;
    --alerte: #FF8A8A;
    --voile-alerte: #3A1414;
    --chrome: #0C1418;
    --ombre: 0 8px 24px -12px rgba(0, 0, 0, .6);
    --inverse-bg: #F4F8F8;
    --inverse-ink: #0C1418;
  }
}