/*
 * NextSeason — couleurs et polices
 * ---------------------------------------------------------------
 * Toutes les couleurs du site viennent d’ici. Pour changer l’identité,
 * modifiez ces valeurs ; le reste des fichiers CSS n’utilise que ces noms.
 *
 * Trois blocs :
 *   1. :root                       → thème clair (par défaut)
 *   2. @media (prefers-color-scheme: dark) → thème sombre automatique
 *   3. :root[data-theme="dark"]    → thème sombre forcé (mêmes valeurs que 2)
 * Si vous changez une couleur sombre, changez-la dans les blocs 2 ET 3.
 */

:root {
  /* Fond et texte */
  --bg: #eef2f1;          /* fond de page, calcaire clair */
  --surface: #ffffff;     /* cartes, encadrés */
  --surface-2: #e2e8e7;   /* fonds secondaires, barres vides */
  --ink: #14212a;         /* texte principal */
  --muted: #52626a;       /* texte secondaire */
  --line: #cdd7d6;        /* bordures */

  /* Signalétique de sentier : l’élément fort de l’identité */
  --sign: #f2c00f;        /* jaune des panneaux */
  --sign-ink: #15150d;    /* texte sur le jaune */
  --post: #7b888e;        /* poteau du panneau */
  --tile: #dde5e3;        /* fond des vignettes (courbes de niveau) */
  --topo: rgba(20, 33, 42, .10); /* traits des courbes de niveau */

  /* Couleurs d’état : bon / attention / alerte */
  --good: #22704a;   --good-bg: #dbeee2;
  --warn: #875200;   --warn-bg: #f7ead0;
  --alert: #ad2d1b;  --alert-bg: #f8dfda;
  --on-alert: #ffffff;
  --focus: #1d6db0;

  /* Polices : titres / texte / chiffres et étiquettes */
  --f-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --f-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --f-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --r: 4px; /* arrondi des angles */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0e1418; --surface: #162027; --surface-2: #1e2a32;
    --ink: #e5ecee; --muted: #98a9b0; --line: #2b3943;
    --sign: #f2c00f; --sign-ink: #15150d; --post: #5e6c73;
    --tile: #1b262d; --topo: rgba(229, 236, 238, .09);
    --good: #6cc790; --good-bg: #16302a;
    --warn: #e7a540; --warn-bg: #36290f;
    --alert: #ff8b74; --alert-bg: #3c1d17;
    --on-alert: #1a0c09; --focus: #6fb2ef;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #0e1418; --surface: #162027; --surface-2: #1e2a32;
  --ink: #e5ecee; --muted: #98a9b0; --line: #2b3943;
  --sign: #f2c00f; --sign-ink: #15150d; --post: #5e6c73;
  --tile: #1b262d; --topo: rgba(229, 236, 238, .09);
  --good: #6cc790; --good-bg: #16302a;
  --warn: #e7a540; --warn-bg: #36290f;
  --alert: #ff8b74; --alert-bg: #3c1d17;
  --on-alert: #1a0c09; --focus: #6fb2ef;
  color-scheme: dark;
}