/* =========================================================
   La méthadone, pas si anodin ! · Design tokens
   Source unique : copiée telle quelle dans le thème WP
   (cms/wp-content/themes/methadone/assets/css/tokens.css)
   ========================================================= */
:root {
  /* --- Couleurs de marque (relevées sur l'affiche A3 et le flyer) --- */
  --encre: #1d1d1b;         /* titres "LA MÉTHADONE," */
  --encre-2: #45474d;       /* texte courant secondaire */
  --rouge: #d7141a;         /* "PAS SI ANODIN !", slogan */
  --rouge-fonce: #a90f14;
  --marine: #2f3f93;        /* "PLUS D'INFORMATIONS ?" */
  --jaune: #ffe000;         /* encadré ATTENTION */
  --ardoise: #2b2b2a;       /* panneau texturé "fond noir rétro" */
  --ciel: #eaf6fd;          /* dégradé "Fond bleu ciel" */
  --ciel-2: #d4ecfa;
  --molecule: #bfe3f3;      /* traits de la molécule / hexagones */
  --blanc: #ffffff;
  --trait: #d9e4ec;

  /* --- Code couleur des dosages : réservé à l'info dosage, jamais décoratif --- */
  --dose-1: #6ab023;        /* jusqu'à 29 mg : vert & blanc */
  --dose-2: #1c4e9e;        /* 30 à 59 mg : bleu & blanc */
  --dose-3: #d7141a;        /* 60 à 89 mg : rouge & blanc */
  --dose-4: #d7141a;        /* 90 mg et + : entièrement rouge */

  /* --- Typographie --- */
  --f-titre: "Barlow Semi Condensed", "Arial Narrow", sans-serif;
  --f-texte: "Source Sans 3", "Myriad Pro", system-ui, sans-serif;

  /* Échelle modulaire ~1.25, fluide */
  --t-xs: .8125rem;
  --t-s: .9375rem;
  --t-m: 1.0625rem;
  --t-l: clamp(1.1875rem, 1.05rem + .5vw, 1.375rem);
  --t-xl: clamp(1.5rem, 1.2rem + 1.1vw, 2rem);
  --t-2xl: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
  --t-3xl: clamp(2.75rem, 1.6rem + 5vw, 5.75rem);

  /* --- Espacements & mise en page --- */
  --s-1: .5rem;
  --s-2: .75rem;
  --s-3: 1rem;
  --s-4: 1.5rem;
  --s-5: 2rem;
  --s-6: 3rem;
  --s-7: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --largeur: 1200px;
  --gouttiere: clamp(16px, 4vw, 32px);

  /* Rayons : la forme gélule (pilule) pour ce qui est cliquable, angles doux sinon */
  --r-pilule: 999px;
  --r-bloc: 14px;
  --ombre: 0 18px 50px -18px rgba(47, 63, 147, .28);
}