/* Copie fidèle de tokens.css du design system Strophe v1 (figé le 2026-10-12).
   Provenance : /home/clement/cerveau/strophe/design-system/tokens.css
   Copiée le 2026-10-12 par tools/sync_design_tokens.py. Ne pas modifier ici :
   changer la source puis relancer l'outil. */
/* ---- Fin de l'en-tête de provenance ---- */
/* Strophe, design system v1 (figé le 2026-10-12). Source : planche Fondations. */
:root{
  /* Couleurs de marque */
  --bleu:#2B4CFF;
  --bleu-survol:#1F3AE0;
  --bleu-pale:#D9E0FF;
  --rose:#FF7AB6;
  --nuit:#0E1330;
  --brume:#F4F6FF;
  --blanc:#FFFFFF;

  /* Texte et surfaces */
  --texte:#2D3250;
  --gris:#4A4F6A;
  --indice:#6A6F88;
  --voile:#E4E7F6;
  --erreur:#B3123F;
  --filet:rgba(14,19,48,.14);

  /* Formes */
  --r-champ:14px;
  --r-carte:18px;
  --r-cadre:20px;
  --r-pastille:99px;
  --contour:2px solid var(--nuit);
  --ombre:4px 4px 0 var(--rose);
  --ombre-cadre:8px 8px 0 var(--rose);

  /* Espacement (base 4 px) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s6:24px; --s8:32px; --s12:48px; --s18:72px;
  --gouttiere:22px;
  --contenu-max:1240px;
  --cible-min:44px;

  /* Typographie */
  --police-titre:"Bricolage Grotesque",system-ui,sans-serif;
  --police-corps:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --t-display:clamp(36px,9vw,64px);
  --t-titre2:clamp(28px,6.5vw,44px);
  --t-titre3:24px;
  --t-chapeau:18px;
  --t-corps:16px;
  --t-aide:13px;
  --t-etiquette:11px;
}
@media (min-width:768px){:root{--gouttiere:32px}}