/* MTBonline · Percorsi: la palette dei punti di un percorso (pagine Percorso e Percorsi).
   Caricato solo da queste pagine (HeadExtraStylesheets), dopo main.css. Qui i colori; le
   regole di impaginazione restano in pages.css.

   La palette e la stessa di RaceLab (racelab/assets/js/route-palette.js): RaceLab assegna a
   ogni tipo di punto un colore SOLO da questa famiglia, il sito lo mostra cosi com'e.
   Rosso = sicurezza e pericolo, verde = assistenza, ciano = acqua, blu = fatica, magenta =
   gara, viola = orientamento, testo secondario = informazioni, inchiostro = partenza/arrivo.

   Contrasto su carta bianca / mappa chiara (icone senza sfondo: minimo 3:1):
     Rosso 3,3 · Verde 3,1 · Blu 4,1 · Viola 6,1 · Magenta 4,3 · Inchiostro 18,7 · Secondario 4,7
     Ciano 2,3 · Arancio 1,9 → "colori chiari": le icone hanno un contorno scuro sottile
     (.is-light-color); l'arancio e per le superfici (discese ripide su profilo e traccia). */
:root {
  --route-rosso: #ff493f;
  --route-arancio: #f5af18;
  --route-verde: #32a64a;
  --route-ciano: #00bdd0;
  --route-blu: #0878f9;
  --route-viola: #803dcc;
  --route-magenta: #dc2b97;
  --route-inchiostro: #111216;
  --route-bianco: #fff;
  --route-secondario: #70747c;

  /* Le categorie (riepilogo, pallini, testo "Sicurezza" delle schede sulla mappa). */
  --mtb-cat-safety: var(--route-rosso);
  --mtb-cat-assistance: var(--route-verde);
  --mtb-cat-effort: var(--route-blu);
  --mtb-cat-race: var(--route-magenta);
  --mtb-cat-navigation: var(--route-viola);
  --mtb-cat-other: var(--route-secondario);

  /* I tratti pericolosi: discese ripide (arancio, superfici) e molto ripide (rosso). */
  --mtb-hazard: var(--route-arancio);
  --mtb-hazard-high: var(--route-rosso);
}

/* Colore di categoria per elemento; il colore del singolo punto (da RaceLab) arriva come
   --point-color dal JavaScript e prevale dove serve (icone, targhette, anelli). */
:where(.route-map__stop, .route-callout--stop, .route-profile__stop, .route-points__item, .route-points__chip) {--cat: var(--mtb-cat-other);}

.route-map__stop--safety, .route-callout--safety, .route-profile__stop--safety, .route-points__item--safety, .route-points__chip--safety {--cat: var(--mtb-cat-safety);}

.route-map__stop--assistance, .route-callout--assistance, .route-profile__stop--assistance, .route-points__item--assistance, .route-points__chip--assistance {--cat: var(--mtb-cat-assistance);}

.route-map__stop--effort, .route-callout--effort, .route-profile__stop--effort, .route-points__item--effort, .route-points__chip--effort {--cat: var(--mtb-cat-effort);}

.route-map__stop--race, .route-callout--race, .route-profile__stop--race, .route-points__item--race, .route-points__chip--race {--cat: var(--mtb-cat-race);}

.route-map__stop--navigation, .route-callout--navigation, .route-profile__stop--navigation, .route-points__item--navigation, .route-points__chip--navigation {--cat: var(--mtb-cat-navigation);}

/* Colori chiari (ciano, arancio): contorno scuro sottile attorno al glifo, per leggerli su carta.
   Sulla mappa sostituisce l'alone bianco. Il filtro sta sul contenitore: sull'icona mascherata
   verrebbe tagliato dalla maschera. */
.is-light-color :is(.route-points__badge, .route-callout__badge),
.route-map__stop.is-light-color {filter: drop-shadow(0 0 .5px var(--route-inchiostro)) drop-shadow(0 0 .5px var(--route-inchiostro));}

/* Targhetta del profilo su colore chiaro: numero in inchiostro (il bianco non si leggerebbe). */
.route-profile__stop.is-light-color text {fill: var(--route-inchiostro);}