/* Horizonrando — fiche randonnée · Direction 1 « Carnet » v2 */
:root {
  /* Couleurs — marque */
  --hr-petrole: #05668d;
  --hr-petrole-fonce: #044a66;      /* survol liens, pied de page */
  --hr-petrole-pale: #e3eff4;       /* survol bouton secondaire */
  --hr-vert: #00a896;               /* décor seulement : puces, filets, pastilles */
  --hr-vert-texte: #00806f;         /* texte vert + fond bouton GPX (4,9:1 sur blanc) */
  --hr-vert-texte-survol: #006b5d;
  --hr-vert-pale: #eaf6f3;          /* fond « Ce que vous allez aimer » */
  --hr-trace: #c8553d;              /* tracé Leaflet + courbe D3 */

  /* Couleurs — neutres */
  --hr-papier: #faf8f4;             /* fond de page */
  --hr-surface: #ffffff;
  --hr-bordure: #e7e2d9;
  --hr-filet: #f0ece5;
  --hr-filet-froid: #d5dee3;        /* encadré Sur le parcours, infos pratiques */
  --hr-encre: #1c2a31;              /* titres, tooltips */
  --hr-texte: #35434a;
  --hr-texte-2: #5b6a72;
  --hr-texte-3: #6a777e;            /* légendes (4,6:1 sur blanc) */

  /* Typographie */
  --hr-font-titre: 'Roboto Serif', Georgia, serif;
  --hr-font-texte: Roboto, system-ui, sans-serif;
  --hr-font-label: 'Roboto Condensed', Roboto, sans-serif;
  --hr-fs-h1: 48px;   --hr-lh-h1: 1.08;
  --hr-fs-h2: 30px;   --hr-lh-h2: 1.2;
  --hr-fs-h3: 22px;
  --hr-fs-intro: 20px; --hr-lh-intro: 1.65;
  --hr-fs-texte: 17px; --hr-lh-texte: 1.75;
  --hr-fs-petit: 15px; --hr-lh-petit: 1.6;
  --hr-fs-chiffre: 28px;
  --hr-fs-label: 12px; --hr-ls-label: .08em;
  --hr-fs-legende: 12px;

  /* Espacements (base 4) */
  --hr-sp-1: 4px;  --hr-sp-2: 8px;  --hr-sp-3: 12px; --hr-sp-4: 16px;
  --hr-sp-5: 20px; --hr-sp-6: 24px; --hr-sp-8: 32px; --hr-sp-10: 40px;
  --hr-sp-12: 48px; --hr-sp-16: 64px;

  /* Rayons */
  --hr-r-xs: 4px;    /* vignettes galerie */
  --hr-r-sm: 6px;    /* photos hero, boutons */
  --hr-r-md: 8px;    /* cartes, encadrés, bloc carte */
  --hr-r-lg: 10px;   /* panneau sticky */
  --hr-r-rond: 999px;

  /* Ombres */
  --hr-om-controle: 0 1px 4px rgba(0,0,0,.2);          /* contrôles Leaflet */
  --hr-om-panneau: 0 6px 24px rgba(34,49,58,.06);     /* panneau sticky */
  --hr-om-survol: 0 8px 24px rgba(34,49,58,.12);      /* CarteRando au survol */
  --hr-om-tooltip: 0 6px 20px rgba(28,42,49,.25);
  --hr-focus: 0 0 0 2px #fff, 0 0 0 4px var(--hr-petrole);

  /* Mise en page */
  --hr-col-principale: 760px;
  --hr-gouttiere: 40px;
  --hr-sticky-top: 20px;
  --hr-transition: 150ms ease-out;
}

@media (max-width: 767px) {
  :root {
    --hr-fs-h1: 32px; --hr-fs-h2: 24px; --hr-fs-h3: 19px;
    --hr-fs-intro: 18px; --hr-fs-texte: 16px; --hr-fs-chiffre: 23px;
    --hr-gouttiere: 16px;
  }
}

@media print {
  :root {
    --hr-fs-h1: 26pt; --hr-fs-h2: 16pt; --hr-fs-h3: 13pt;
    --hr-fs-intro: 12pt; --hr-fs-texte: 12pt; --hr-fs-petit: 12pt;
    --hr-fs-label: 12pt; --hr-fs-chiffre: 18pt;
    --hr-papier: #fff; --hr-om-panneau: none;
  }
}