/* tokens.css : SEUL fichier de variables du thème (L'Atelier des Collections, easytom.fr).
   Source : identite/tokens.json (contrastes WCAG vérifiés le 27/10/2026, toutes paires texte >= 4.5:1). */
:root {
  /* couleurs */
  --c-fond: #F5EFE4;        /* lin */
  --c-surface: #FBF8F2;     /* papier d'étiquette */
  --c-encre: #2A1F1A;       /* brou de noix */
  --c-accent: #A4402A;      /* terre cuite (tomette) */
  --c-accent-fonce: #84321F;
  --c-secondaire: #2C5A5E;  /* bleu canard, patine du cuivre */
  --c-secondaire-clair: #DCE6E4;
  --c-muted: #6A5D53;
  --c-bordure: #E1D6C6;
  --c-bordure-forte: #CBBBA5;
  --c-sur-accent: #FFFFFF;
  --c-sur-sombre: #F5EFE4;
  --c-focus: #2C5A5E;
  --couleur-accent: var(--c-accent); /* alias lu par le contrôle de rendu de valider.py */

  /* typographie */
  --f-titre: "Fraunces", Georgia, "Times New Roman", serif;
  --f-texte: "Work Sans", "Helvetica Neue", Arial, sans-serif;
  --t-base: 1.0625rem;      /* 17 px */
  --t-petit: 0.86rem;
  --t-mini: 0.78rem;
  --t-h3: 1.32rem;
  --t-h2: clamp(1.55rem, 1.2rem + 1.2vw, 2.1rem);
  --t-h1: clamp(2.05rem, 1.4rem + 2.6vw, 3.05rem);
  --t-geant: clamp(2.4rem, 1.4rem + 4vw, 4.1rem);
  --lh-texte: 1.65;
  --lh-titre: 1.1;
  --mesure: 64ch;

  /* espacements (unité 6 px) */
  --e-1: 6px; --e-2: 12px; --e-3: 18px; --e-4: 24px; --e-5: 36px; --e-6: 48px; --e-7: 72px; --e-8: 96px;
  --gouttiere: 16px;
  --largeur: 1040px;

  /* formes */
  --r-petit: 2px;
  --r-moyen: 3px;
  --r-carte: 4px;
  --r-arc: 999px 999px 0 0;
  --filet: 1px solid var(--c-bordure);
  --ombre: none;
  --hexagone: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
@media (min-width: 720px) { :root { --gouttiere: 32px; } }