/* ============================================================
   Tokens de design — Direction 03 « Warm »
   Variables globales : couleurs, typographies, mesures.
   C'est le seul endroit à toucher pour reskinner le site.
   ============================================================ */

:root {
  /* Couleurs */
  --cream: #f6efe2;
  --cream-2: #efe6d4;
  --ink: #221d15;
  --ink-soft: #6f6655;
  --line: #221d1520;
  --accent: #e07a2c;
  --accent-deep: #c25f1a;
  --accent-soft: #f6c98a;

  /* Typographies */
  --display: "Bricolage Grotesque", sans-serif;
  --serif: "Newsreader", serif;
  --sans: "Spline Sans", sans-serif;

  /* Mesures */
  --maxw: 1240px;
  --pad: clamp(20px, 5vw, 68px);
}