/* ---------------------------------------------------------------
   MÉRIDIEN — jetons de design
   Palette : encre profonde, papier os, et un accent qui voyage
   avec la latitude choisie par l'utilisateur.
   --------------------------------------------------------------- */
:root {
  --ink:        #08090B;
  --ink-1:      #0E1014;
  --ink-2:      #15181D;
  --hair:       rgba(242, 235, 221, 0.18);
  --hair-soft:  rgba(242, 235, 221, 0.10);

  --bone:       #F2EBDD;
  /* Contrastes mesurés sur --ink : 10,2:1 / 6,2:1 / 3,8:1.
     Le plus faible sert aux libellés courts, jamais au texte courant. */
  --bone-70:    rgba(242, 235, 221, 0.80);
  --bone-45:    rgba(242, 235, 221, 0.60);
  --bone-28:    rgba(242, 235, 221, 0.44);

  /* Ombre portée discrète : garde le texte lisible par-dessus le planisphère */
  --lift: 0 1px 14px rgba(8, 9, 11, .92), 0 0 3px rgba(8, 9, 11, .8);

  /* bandes climatiques : l'accent glisse du pôle à l'équateur */
  --band-cold:      #86CBE4;
  --band-temperate: #9DBE6B;
  --band-mild:      #E5B45C;
  --band-hot:       #E1603C;

  --accent:     #D9BE86;
  --accent-ink: #08090B;

  --serif: 'Instrument Serif', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --sans:  'Bricolage Grotesque', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono:  'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --rail: 46px;                 /* largeur du méridien de gauche */
  --pad: 22px;
  --measure: 560px;

  --ease:      cubic-bezier(.22, .61, .36, 1);
  --ease-out:  cubic-bezier(.16, 1, .3, 1);
  --ease-in:   cubic-bezier(.7, 0, .84, 0);

  --t-fast: 240ms;
  --t-med:  480ms;
  --t-slow: 900ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 1ms; --t-med: 1ms; --t-slow: 1ms; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}