/* ============================================================
   TOKENS — SITE KRESCIA (refonte locale) · FIGÉ le 02/08/2026
   Transcription technique de l'identité VALIDÉE VISUELLEMENT par
   Saadou (P3, planches relues) — trois étages :

   ① IDENTITÉ (verrouillée — changer = décision consignée dans etat.md)
      logo   : K-flèche monoline (assets/logo-2026-vert.png / -blanc.png)
      titres : Clash Display (Fontshare, licence libre ITF)
      texte  : Hanken Grotesk · chiffres : Space Grotesk
      palette A « ambre preuve » validée le 02/08

   ② RÉGLAGES (défauts de mise en page — AJUSTABLES À L'ŒIL, écran
      par écran ; la référence est le rendu validé sur capture,
      jamais le nombre. « Le cadre est notre palette » — Saadou)

   ③ PLANCHERS qualité — contrôlés par le gate machine, jamais
      soumis à validation (lisibilité mobile, cibles, contrastes).

   Doctrine : le minimalisme du système n'empêche pas la couleur
   dans les pages — ça vient donner vie ; toute couleur sort de
   cette palette.
   ============================================================ */

:root {
  /* ---------- ① IDENTITÉ ---------- */
  --vert:        #0C5A37;   /* la marque — logo, CTA, chiffres, titres forts */
  --encre:       #121417;   /* le texte */
  --fond:        #F4F6F5;   /* fond froid clair — jamais crème */
  --blanc:       #FFFFFF;
  --sombre:      #0D1614;   /* LA bande sombre — une par page, où vit l'animation */
  --ambre:       #F5A623;   /* LA PREUVE — étoiles, surligneur, LE chiffre. 1 emploi/écran */
  --vert-doux:   #E9F1EC;   /* lavis de vert pour fonds de blocs (vie dans les pages) */
  --vert-40:     #9DBFAD;   /* vert affaibli — décor, traits sur sombre */
  --ligne:       #DCE3DE;   /* filets sur clair */
  --ligne-nuit:  #24352D;   /* filets sur sombre */
  --danger:      #B23B32;   /* erreurs de formulaire uniquement */

  --f-titre:    'Clash Display', 'Segoe UI', sans-serif;
  --f-texte:    'Hanken Grotesk', 'Segoe UI', sans-serif;
  --f-chiffre:  'Space Grotesk', 'Segoe UI', sans-serif;

  /* ---------- ② RÉGLAGES (défauts, réglables à l'œil) ---------- */
  --w-max: 1120px;
  --pad-section: clamp(52px, 7vw, 92px);
  --r-bloc: 10px;          /* blocs, cartes */
  --r-cta: 9px;            /* boutons */
  --r-img: 6px;
  --fs-h1: clamp(34px, 5.4vw, 58px);
  --fs-h2: clamp(26px, 3.4vw, 38px);
  --fs-h3: clamp(19px, 2.2vw, 23px);
  --fs-body: 18.5px;
  --fs-body-m: 16px;       /* mobile — leçon démos V3 */
  --lh-titre: 1.05;
  --lh-body: 1.6;

  /* ---------- ③ PLANCHERS (gate machine — ne pas exposer) ---------- */
  --cible-min: 48px;
}

/* @font-face : voir fonts.css (13 woff2 locaux — jamais de CDN en prod) */

/* ============================================================
   JOURNAL (une ligne par changement d'identité — rien d'autre)
   2026-08-02  v1 — création. Logo K-flèche fourni par Saadou
               (recoloré #0C5A37 exact, alpha intact) · typo
               SYSTÈME A validé en toutes lettres (Clash /
               Hanken / Space) · palette A « avec ambre » choisie
               sur planche appliquée · composants validés
               (« pas mal — verdict final sur le vrai site »).
   ============================================================ */