/* ─────────────────────────────────────────────────────────────────────────
   Tracéo — Couleurs
   « Pastels joyeux ancrés sur le rouge institutionnel RATP/IDFM. »
   Thème clair = pastels chaleureux. Thème sombre = équivalents désaturés profonds.
   ───────────────────────────────────────────────────────────────────────── */

:root {
  /* ── Accent institutionnel (immuable, les 2 thèmes) ───────────────────── */
  --traceo-red:        #E2001A;   /* rouge RATP / IDFM — accent principal */
  --traceo-red-press:  #B80016;   /* état pressé / hover foncé */
  --traceo-red-soft:   #FBE0E2;   /* fond teinté rouge (light) */
  --on-red:            #FFFFFF;

  /* ── Palette pastels joyeux (noms maison) ─────────────────────────────── */
  --coral-idf:     #FF8A7A;   /* Coral IDF */
  --bleu-luf:      #7FB2E5;   /* Bleu Lutèce */
  --vert-omnibus:  #74D3A2;   /* Vert omnibus */
  --soleil-mieux:  #FFD166;   /* Soleil Mieux */
  --lilas:         #C3A9E8;   /* Lilas */
  --peche:         #FFC2A1;   /* Pêche */
  --papaye:        #FFAE73;   /* Papaye */
  --rose-bonbon:   #FF9EC4;   /* Rose bonbon */

  /* Versions très claires (fonds de chip / tag) */
  --coral-idf-wash:    #FFE6E1;
  --bleu-luf-wash:     #E2EEFA;
  --vert-omnibus-wash: #DEF5E9;
  --soleil-wash:       #FFF2CF;
  --lilas-wash:        #EFE7FA;
  --peche-wash:        #FFEEE2;
  --rose-bonbon-wash:  #FFE4F0;

  /* ── Sémantique données / statuts ─────────────────────────────────────── */
  --ok:        #1FA463;   /* vert — à l'heure, fiable, dispo */
  --ok-wash:   #DEF5E9;
  --warn:      #D98A00;   /* ambre — ralenti, attention */
  --warn-wash: #FFF1D6;
  --crit:      #E2001A;   /* rouge — critique, supprimé, saturé */
  --crit-wash: #FBE0E2;
  --info:      #2F77D0;   /* bleu — information neutre */
  --info-wash: #E2EEFA;
  --estime:    #8A5BD0;   /* violet — donnée estimée / curée (honnêteté) */
  --estime-wash: #EDE4FB;

  /* ── Neutres / surfaces — THÈME CLAIR (défaut) ────────────────────────── */
  --canvas:        #FAF6F2;   /* fond de page, crème chaleureux */
  --surface:       #FFFFFF;   /* carte */
  --surface-2:     #F3EDE7;   /* carte enfoncée / piste */
  --surface-3:     #EAE2DA;   /* survol de carte / séparateur plein */
  --border:        #E6DCD2;   /* trait de carte */
  --border-strong: #D3C6B9;   /* trait marqué */

  --ink:        #1C1A24;   /* texte fort / titres */
  --ink-2:      #4A4654;   /* texte courant */
  --ink-3:      #847E90;   /* texte secondaire / légende */
  --ink-faint:  #B4AEBC;   /* texte désactivé */

  --focus-ring: var(--traceo-red);

  /* ── Couleur « produit » (le tracé) ───────────────────────────────────────
     Teinte du trajet suggéré : héro de l'accueil, tracé SVG, ligne mise en avant.
     Distincte du rouge institutionnel (réservé aux actions) et des couleurs de
     ligne (données). Dérivée du Bleu Lutèce → suit automatiquement le thème sombre. */
  --produit:      var(--bleu-luf);
  --produit-wash: color-mix(in srgb, var(--produit) 16%, var(--surface));
  --produit-ink:  color-mix(in srgb, var(--produit) 55%, var(--ink));

  /* ── Vélib' (É5 — option vélo de l'itinéraire) ────────────────────────────
     Vert de marque Smovengo, posé en inline par le panneau de tweaks des
     maquettes (`#app-root { --velib }`) → promu en token comme --produit. */
  --velib:     #6FA824;
  --velib-ink: #3E6410;

  /* ── Nutri-score fiabilité A→E ────────────────────────────────────────── */
  --note-a: #1FA463;
  --note-b: #8FBF3F;
  --note-c: #F2C200;
  --note-d: #F08A24;
  --note-e: #E2001A;
}

/* ─────────────────────────────────────────────────────────────────────────
   THÈME SOMBRE — équivalents désaturés profonds
   ───────────────────────────────────────────────────────────────────────── */
:root[data-theme="dark"] {
  --traceo-red:        #FF4D5E;   /* rouge éclairci pour contraste sur fond sombre */
  --traceo-red-press:  #FF7480;
  --traceo-red-soft:   #3A1620;
  --on-red:            #FFFFFF;

  --coral-idf:     #E07567;
  --bleu-luf:      #6E9AC9;
  --vert-omnibus:  #5FB68B;
  --soleil-mieux:  #D9B255;
  --lilas:         #A78FCB;
  --peche:         #D9A584;
  --papaye:        #D49463;
  --rose-bonbon:   #D9839F;

  --coral-idf-wash:    #2E1B19;
  --bleu-luf-wash:     #14202E;
  --vert-omnibus-wash: #112620;
  --soleil-wash:       #2A2412;
  --lilas-wash:        #1E1830;
  --peche-wash:        #2A1F18;
  --rose-bonbon-wash:  #2C1722;

  --ok:        #3FCB86;
  --ok-wash:   #112620;
  --warn:      #E9A93A;
  --warn-wash: #2A2210;
  --crit:      #FF4D5E;
  --crit-wash: #3A1620;
  --info:      #5B9CE6;
  --info-wash: #131F2E;
  --estime:    #B18BE8;
  --estime-wash: #211A33;

  --canvas:        #110F17;
  --surface:       #1A1822;
  --surface-2:     #232030;
  --surface-3:     #2D2A3C;
  --border:        #2E2A3C;
  --border-strong: #423D55;

  --ink:        #F3F0FA;
  --ink-2:      #C5C0D4;
  --ink-3:      #8E89A0;
  --ink-faint:  #5C5770;

  --focus-ring: #FF6E7C;

  --note-a: #3FCB86;
  --note-b: #9FCB57;
  --note-c: #E8C53A;
  --note-d: #EC9A45;
  --note-e: #FF4D5E;
}