/* Généré par scripts/gen-navigateur.ts depuis packages/jetons : ne pas modifier à la main.
   Le système de design (ADR 0021, direction Topo de l'ADR 0029) est le même que celui de l'app mobile : les deux
   interfaces lisent ces valeurs. Les anciens noms Material 3 (--primaire, --sur-surface…) sont des alias dépréciés. */
:root,
.zone-carte {
  --papier: #f4f1ea;
  --surface: #fbfaf7;
  --creux: #eae5da;
  --aplat: #ded7c7;
  --filet: #dcd5c7;
  --filet-fort: #8c8678;
  --encre: #17191b;
  --encre2: #4a4d50;
  --encre3: #6b6c69;
  --action: #17191b;
  --sur-action: #f4f1ea;
  --accent: #e8590c;
  --accent-texte: #9e4a12;
  --accent-doux: #f5e1d5;
  --sur-accent: #17191b;
  --erreur: #b3261e;
  --sur-erreur: #ffffff;
  --conteneur-erreur: #f9dedc;
  --sur-conteneur-erreur: #410e0b;
  --surface-inverse: #17191b;
  --sur-surface-inverse: #f4f1ea;
  --voile: rgba(23, 25, 27, 0.32);
  --ombre: #000000;
  --trace: #e8590c;
  --depart: #2f9e44;
  --fond-carte: #f1efe8;
  --fond-mentions: rgba(251, 250, 247, 0.78);
  --texte-mentions: #3a4045;
  --graphe-profil: #17191b;
  --graphe-aplat: #ded7c7;
  --graphe-allure: #2e6f73;
  --graphe-fc: #a63e73;
  --graphe-cadence: #7b4a93;
  --graphe-curseur: #6b6c69;
  --graphe-selection: rgba(23, 25, 27, 0.08);
  --graphe-grille: #dcd5c7;
  --ciel-jour: #afcdea;
  --ciel-nuit: #33346e;
  --disque-soleil: #f7e3a1;
  --primaire: #17191b;
  --sur-primaire: #f4f1ea;
  --conteneur-primaire: #eae5da;
  --sur-conteneur-primaire: #17191b;
  --conteneur-secondaire: #eae5da;
  --sur-conteneur-secondaire: #17191b;
  --fond: #f4f1ea;
  --surface-conteneur-bas: #f4f1ea;
  --surface-conteneur: #eae5da;
  --surface-conteneur-haut: #eae5da;
  --surface-conteneur-plus-haut: #ded7c7;
  --sur-surface: #17191b;
  --sur-surface-variante: #4a4d50;
  --contour: #8c8678;
  --contour-variante: #dcd5c7;
  --primaire-inverse: #eeeae1;
  --carte-t1: #f0b400;
  --carte-t1-texte: #7a5a00;
  --carte-t1-contour: #5a4300;
  --carte-t23: #d1312a;
  --carte-t46: #1f5fbf;
  --carte-non-cote: #555c63;
  --carte-balise-non-cote: #0f766e;
  --carte-ski: #0a8fc4;
  --carte-hors-sentier: #9234c8;
  --carte-route: #dcdcd5;
  --carte-fermeture: #16191c;
  --carte-encre: #14181b;
  --carte-encre2: #3a4045;
  --carte-selection: #17191b;
  --carte-gravi: #e8590c;
  --carte-gravi-doux: #f5e1d5;
  --carte-rocher: #7c7b79;
  --carte-rocher-trait: #3f3a36;
  --carte-sommet: #5e5246;
  --carte-sommet-texte: #3a342e;
  --carte-cabane: #7a2c19;
  --carte-eau: #1e5f99;
  --carte-non-potable: #b3261e;
  --carte-parking: #14181b;
  --carte-glacier: #7fafd0;
  --carte-trace: #e8590c;
  --carte-fond: #f1efe8;
  --e-xxs: 2px;
  --e-xs: 4px;
  --e-s: 8px;
  --e-m: 12px;
  --e-l: 16px;
  --e-xl: 24px;
  --e-xxl: 32px;
  --r-xs: 2px;
  --r-s: 4px;
  --r-m: 6px;
  --r-l: 8px;
  --r-xl: 8px;
  --r-plein: 999px;
  --cible: 48px;
  --cible-minimale: 44px;
  --bouton-flottant: 56px;
  --bouton-flottant-petit: 48px;
  --barre-recherche: 56px;
  --barre-onglets: 62px;
  --icone: 24px;
  --icone-onglet: 22px;
  --d-courte: 150ms;
  --d-moyenne: 250ms;
  --d-longue: 400ms;
  --police: "Instrument Sans", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --police-titre: "Newsreader", "Iowan Old Style", Georgia, serif;
  --police-etroite:
    "Instrument Sans SemiCondensed", "Instrument Sans", system-ui, -apple-system, sans-serif;
  --texte-titre-ecran-police: var(--police-titre);
  --texte-titre-ecran-taille: 38px;
  --texte-titre-ecran-hauteur: 42px;
  --texte-titre-ecran-poids: 300;
  --texte-titre-ecran-interlettrage: -0.76px;
  --texte-titre-grand-police: var(--police-titre);
  --texte-titre-grand-taille: 26px;
  --texte-titre-grand-hauteur: 30px;
  --texte-titre-grand-poids: 400;
  --texte-titre-grand-interlettrage: -0.26px;
  --texte-titre-police: var(--police);
  --texte-titre-taille: 16px;
  --texte-titre-hauteur: 24px;
  --texte-titre-poids: 600;
  --texte-titre-petit-police: var(--police);
  --texte-titre-petit-taille: 14px;
  --texte-titre-petit-hauteur: 20px;
  --texte-titre-petit-poids: 600;
  --texte-titre-section-police: var(--police-titre);
  --texte-titre-section-taille: 26px;
  --texte-titre-section-hauteur: 30px;
  --texte-titre-section-poids: 400;
  --texte-titre-section-interlettrage: -0.26px;
  --texte-corps-grand-police: var(--police);
  --texte-corps-grand-taille: 16px;
  --texte-corps-grand-hauteur: 24px;
  --texte-corps-grand-poids: 400;
  --texte-corps-police: var(--police);
  --texte-corps-taille: 15px;
  --texte-corps-hauteur: 22px;
  --texte-corps-poids: 400;
  --texte-corps-petit-police: var(--police);
  --texte-corps-petit-taille: 12px;
  --texte-corps-petit-hauteur: 16px;
  --texte-corps-petit-poids: 400;
  --texte-etiquette-police: var(--police);
  --texte-etiquette-taille: 14px;
  --texte-etiquette-hauteur: 20px;
  --texte-etiquette-poids: 600;
  --texte-etiquette-petite-police: var(--police);
  --texte-etiquette-petite-taille: 12px;
  --texte-etiquette-petite-hauteur: 16px;
  --texte-etiquette-petite-poids: 600;
  --texte-mini-police: var(--police);
  --texte-mini-taille: 11px;
  --texte-mini-hauteur: 14px;
  --texte-mini-poids: 500;
  --texte-surtitre-police: var(--police-etroite);
  --texte-surtitre-taille: 11px;
  --texte-surtitre-hauteur: 14px;
  --texte-surtitre-poids: 600;
  --texte-surtitre-interlettrage: 1.1px;
  --texte-surtitre-casse: uppercase;
  --texte-chiffre-police: var(--police-etroite);
  --texte-chiffre-taille: 32px;
  --texte-chiffre-hauteur: 36px;
  --texte-chiffre-poids: 600;
  --texte-chiffre-interlettrage: -1.1px;
  --texte-valeur-piste-police: var(--police);
  --texte-valeur-piste-taille: 17px;
  --texte-valeur-piste-hauteur: 22px;
  --texte-valeur-piste-poids: 600;
  --ombre-flottant: 0px 4px 12px rgba(23, 25, 27, 0.18);
  --ombre-1: 0px 1px 2px rgba(0, 0, 0, 0.15);
  --ombre-2: 0px 2px 4px rgba(0, 0, 0, 0.18);
  --ombre-3: 0px 4px 8px rgba(0, 0, 0, 0.2);
  color-scheme: light;
}

/* Thème sombre : suit le système, sauf data-theme="light" ; data-theme="dark" le force. La carte reste claire. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --papier: #121416;
    --surface: #1a1d20;
    --creux: #23272b;
    --aplat: #2c3136;
    --filet: #2d3236;
    --filet-fort: #6f757a;
    --encre: #eeeae1;
    --encre2: #b9b6ae;
    --encre3: #8e8c86;
    --action: #eeeae1;
    --sur-action: #121416;
    --accent: #ff7a33;
    --accent-texte: #ff9a66;
    --accent-doux: #3a2418;
    --sur-accent: #121416;
    --erreur: #f2b8b5;
    --sur-erreur: #601410;
    --conteneur-erreur: #8c1d18;
    --sur-conteneur-erreur: #f9dedc;
    --surface-inverse: #eeeae1;
    --sur-surface-inverse: #121416;
    --voile: rgba(0, 0, 0, 0.5);
    --ombre: #000000;
    --trace: #ff7a33;
    --depart: #51cf66;
    --fond-carte: #1b1d1a;
    --fond-mentions: rgba(18, 20, 22, 0.72);
    --texte-mentions: #d5dbd3;
    --graphe-profil: #eeeae1;
    --graphe-aplat: #2c3136;
    --graphe-allure: #86c0bc;
    --graphe-fc: #ee86a8;
    --graphe-cadence: #c29be0;
    --graphe-curseur: #8e8c86;
    --graphe-selection: rgba(238, 234, 225, 0.1);
    --graphe-grille: #2d3236;
    --ciel-jour: #97bde6;
    --ciel-nuit: #2b2f63;
    --disque-soleil: #f7e3a1;
    --primaire: #eeeae1;
    --sur-primaire: #121416;
    --conteneur-primaire: #23272b;
    --sur-conteneur-primaire: #eeeae1;
    --conteneur-secondaire: #23272b;
    --sur-conteneur-secondaire: #eeeae1;
    --fond: #121416;
    --surface-conteneur-bas: #121416;
    --surface-conteneur: #23272b;
    --surface-conteneur-haut: #23272b;
    --surface-conteneur-plus-haut: #2c3136;
    --sur-surface: #eeeae1;
    --sur-surface-variante: #b9b6ae;
    --contour: #6f757a;
    --contour-variante: #2d3236;
    --primaire-inverse: #17191b;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --papier: #121416;
  --surface: #1a1d20;
  --creux: #23272b;
  --aplat: #2c3136;
  --filet: #2d3236;
  --filet-fort: #6f757a;
  --encre: #eeeae1;
  --encre2: #b9b6ae;
  --encre3: #8e8c86;
  --action: #eeeae1;
  --sur-action: #121416;
  --accent: #ff7a33;
  --accent-texte: #ff9a66;
  --accent-doux: #3a2418;
  --sur-accent: #121416;
  --erreur: #f2b8b5;
  --sur-erreur: #601410;
  --conteneur-erreur: #8c1d18;
  --sur-conteneur-erreur: #f9dedc;
  --surface-inverse: #eeeae1;
  --sur-surface-inverse: #121416;
  --voile: rgba(0, 0, 0, 0.5);
  --ombre: #000000;
  --trace: #ff7a33;
  --depart: #51cf66;
  --fond-carte: #1b1d1a;
  --fond-mentions: rgba(18, 20, 22, 0.72);
  --texte-mentions: #d5dbd3;
  --graphe-profil: #eeeae1;
  --graphe-aplat: #2c3136;
  --graphe-allure: #86c0bc;
  --graphe-fc: #ee86a8;
  --graphe-cadence: #c29be0;
  --graphe-curseur: #8e8c86;
  --graphe-selection: rgba(238, 234, 225, 0.1);
  --graphe-grille: #2d3236;
  --ciel-jour: #97bde6;
  --ciel-nuit: #2b2f63;
  --disque-soleil: #f7e3a1;
  --primaire: #eeeae1;
  --sur-primaire: #121416;
  --conteneur-primaire: #23272b;
  --sur-conteneur-primaire: #eeeae1;
  --conteneur-secondaire: #23272b;
  --sur-conteneur-secondaire: #eeeae1;
  --fond: #121416;
  --surface-conteneur-bas: #121416;
  --surface-conteneur: #23272b;
  --surface-conteneur-haut: #23272b;
  --surface-conteneur-plus-haut: #2c3136;
  --sur-surface: #eeeae1;
  --sur-surface-variante: #b9b6ae;
  --contour: #6f757a;
  --contour-variante: #2d3236;
  --primaire-inverse: #17191b;
  color-scheme: dark;
}