/* ============================================================================
   tokens.css — KOVELA. Tout hex vit ICI, dans :root. Zéro couleur en dur ailleurs.
   Les noms sont ceux de la marque, pas des rôles génériques (--blue-500).
   Chaque valeur est une TRANSPOSITION d'un jeton mesuré chez la cible : les rôles
   et les rapports de clarté se reproduisent, les teintes ne se reproduisent pas.
   Distances mesurées par tools/probe/couleur.py — voir brand.json.
   ============================================================================ */
:root {
  --jade:   #17a05a;   /* dominante — transposée de #f04a24, ΔE₇₆ 116,1 · L 58 contre 56 */
  --lin:    #edefe6;   /* clair    — transposée de #fff3d8, ΔE₇₆ 10,7 */
  --foret:  #0e2e28;   /* sombre   — transposée de #731f17, ΔE₇₆ 56,9 */
  --sauge:  #c9dcc4;   /* surface tendre */
  --encre:  #0b6b3c;   /* encre profonde sur jade */

  --carte-1: #d9c7a3;
  --carte-2: #8fb9a8;
  --carte-3: #c2a6c8;

  /* Typo — trois familles, toutes sous SIL OFL (déclarées dans brand.json).
     Aucune n'est celle de la cible : Anton remplace Bebas Neue, Zilla Slab remplace
     Roboto Slab, Work Sans remplace DM Sans — même CLASSE, autre dessin. */
  --display: 'Anton', 'Arial Narrow', sans-serif;
  --slab:    'Zilla Slab', Georgia, serif;
  --corps:   'Work Sans', system-ui, sans-serif;

  /* Échelle LUE dans l'histogramme des tailles de la cible (16 corps ; 58/72/115/122
     display ; 9-12 micro-labels), pas déduite d'un ratio modulaire. */
  --t-micro: clamp(0.56rem, 0.5rem + 0.2vw, 0.75rem);
  --t-corps: clamp(0.94rem, 0.9rem + 0.2vw, 1rem);
  --t-h3:    clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);
  --t-h2:    clamp(2.4rem, 1.4rem + 4vw, 4.5rem);
  --t-geant: clamp(3.5rem, 1rem + 12vw, 7.6rem);

  --container: 1267px;
  --sp-1: 0.5rem; --sp-2: 1rem; --sp-3: 1.75rem; --sp-4: 3rem; --sp-5: 5rem;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
  html { scroll-behavior: auto !important; }
}