/* ═══ JETONS — madama-kamagate ═══════════════════════════════════════════
   Palette EXTRAITE des quatre visuels du dossier, pas déduite d'un concept :
   · coton écru + indigo délavé  → toile de Korhogo (korhogo.webp)
   · béton sépia sous harmattan  → tour du Plateau  (pyramide.webp)
   · bois sombre, papier jauni, tampon rouge éteint → bureau (bureau.webp)
   · marine profond du blazer    → portrait (portrait.webp)
   Aucun ton n'est repris de la version précédente (rouge brique + bleu Bic).
   ═════════════════════════════════════════════════════════════════════ */

@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-serif.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-serif-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Lexend";src:url("/assets/fonts/lexend-400-latin.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lexend";src:url("/assets/fonts/lexend-600-latin.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

:root{
  /* ── Matières ─────────────────────────────────────────────── */
  --papier:      #F1EADC;   /* coton écru de la toile, fond dominant   */
  --papier-haut: #F8F4EA;   /* la même toile là où la lumière la lave  */
  --encre:       #1A1611;   /* bois du bureau dans l'ombre             */
  --bois:        #2B231A;   /* le même bois, éclairé                   */
  --foret:       #1E332C;   /* vert profond, aplat de respiration      */
  --bronze:      #9A6B2F;   /* latérite / béton chaud, ACCENT unique   */
  --bronze-clair:#C79A55;   /* le bronze sur fond sombre               */
  --indigo:      #40566E;   /* raie indigo délavée de la toile         */
  --craie:       #EFE7D8;

  /* ── Texte ────────────────────────────────────────────────── */
  --texte:       #221D16;
  --texte-doux:  #55483A;
  --texte-clair: #EDE4D4;
  --texte-clair-doux:#BFB19A;
  --filet:       #C8BBA4;   /* réglure du registre                     */
  --filet-sombre:#3E4F46;

  /* ── Typographie ──────────────────────────────────────────── */
  --display: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --texte-fam: "Lexend", "Avenir Next", "Segoe UI", sans-serif;

  --t-geant: clamp(3.1rem, 8.4vw, 7.6rem);
  --t-xxl:   clamp(2.6rem, 6.4vw, 5.4rem);
  --t-xl:    clamp(2rem, 4.2vw, 3.4rem);
  --t-l:     clamp(1.5rem, 2.6vw, 2.15rem);
  --t-chapo: clamp(1.12rem, 1.55vw, 1.4rem);
  --t-base:  clamp(1rem, 1.12vw, 1.1rem);
  --t-petit: .875rem;
  --t-mini:  .74rem;

  /* ── Rythme ───────────────────────────────────────────────── */
  --marge: clamp(1.25rem, 5vw, 5.5rem);
  --rail: clamp(0px, 6vw, 118px);        /* colonne de registre       */
  --bande: clamp(5rem, 11vh, 9.5rem);
  --rayon: 2px;

  /* ── Gestes ───────────────────────────────────────────────── */
  --tampon: cubic-bezier(.16,.84,.32,1);
  --sortie: cubic-bezier(.4,0,.2,1);
}