/* ============================================================
   TOKENS — source unique de vérité graphique Maison Patinée
   Tout composant (site, articles, futurs gabarits) consomme
   uniquement ces variables. Ne jamais coder une couleur en dur.
   ============================================================ */
:root {
  /* Palette corten */
  --encre: #201512;      /* fond sombre principal */
  --brou: #33241C;       /* surface sombre secondaire */
  --oxyde: #A34E2C;      /* accent principal (rouille profonde) */
  --rouille: #C67F45;    /* accent clair (rouille chaude) */
  --calcaire: #EDE9E2;   /* fond clair principal */
  --pierre: #DFD8CC;     /* surface claire secondaire */
  --eau: #75857E;        /* accent secondaire (gris-vert d'eau) */
  --texte: #2B211C;
  --texte-doux: #6B5D53;

  /* Dérivés récurrents */
  --filet-oxyde: rgba(163, 78, 44, 0.25);
  --filet-rouille: rgba(198, 127, 69, 0.22);
  --calcaire-voile: rgba(237, 233, 226, 0.65);

  /* Typographie */
  --display: 'Fraunces', serif;
  --sans: 'Instrument Sans', sans-serif;
  --taille-h1: clamp(3.2rem, 9vw, 6.8rem);
  --taille-h2: clamp(2.1rem, 4.5vw, 3.4rem);
  --taille-h3: 1.75rem;

  /* Rythme */
  --section-y: 7rem;
  --section-x: 3rem;
  --inner-max: 1200px;
  --prose-max: 42rem;
  --rayon: 2px;

  /* Mouvement */
  --sortie: cubic-bezier(0.2, 0.6, 0.2, 1);
}

@media (max-width: 960px) {
  :root {
    --section-y: 5rem;
    --section-x: 1.5rem;
  }
}