/* GÉNÉRÉ depuis DESIGN.md — NE PAS ÉDITER.
 *
 * Régénérer :
 *   npx -y @google/design.md export --format css-tailwind DESIGN.md \
 *     | sed 's/^@theme {$/:root {/' > assets/css/tokens.css
 *
 * Le `sed` n'est pas une coquetterie. L'exportateur enveloppe les jetons dans
 * `@theme { … }`, une règle de Tailwind 4 destinée à être compilée. Servie
 * telle quelle à un navigateur, elle est ignorée comme toute règle inconnue —
 * et avec elle les 123 variables. Rien ne casse bruyamment : la page s'affiche,
 * sans une seule couleur ni un seul espacement. Les 47 maquettes de référence
 * font la même transposition.
 *
 * Le fichier est versionné parce que le déploiement ne doit pas dépendre de
 * Node : un hébergement mutualisé n'a pas à faire tourner npx pour qu'une
 * couleur s'affiche. `wp vocadial doctor` signale si DESIGN.md a bougé depuis
 * la dernière génération.
 */
:root {
  --color-primary: #6c4fd8;
  --color-primary-hover: #5a3fc4;
  --color-primary-active: #4c33a8;
  --color-primary-soft: #f0ebff;
  --color-on-primary: #ffffff;
  --color-surface: #fff6e9;
  --color-surface-raised: #ffffff;
  --color-surface-sunken: #ffeeda;
  --color-ink: #3b2a24;
  --color-ink-muted: #7a6257;
  --color-ink-faint: #b5a093;
  --color-ink-disabled: #6b554a;
  --color-line: #ede4da;
  --color-line-strong: #d6c6b6;
  --color-success: #1fa97c;
  --color-success-strong: #12734f;
  --color-success-soft: #e3f8f0;
  --color-on-success: #ffffff;
  --color-error: #ef5f55;
  --color-error-strong: #b33a32;
  --color-error-soft: #ffebe9;
  --color-on-error: #ffffff;
  --color-gold: #f2b63c;
  --color-gold-strong: #8f6209;
  --color-brand-sheet: #f5a23d;
  --color-brand-band: #e08828;
  --color-brand-corner: #e8724f;
  --color-brand-paper: #ffeeda;
  --color-lang-es: #f5a23d;
  --color-lang-es-soft: #fff0dc;
  --color-lang-en: #2baac4;
  --color-lang-en-soft: #dff4f8;
  --color-lang-fr: #e0577e;
  --color-lang-fr-soft: #fde8ef;
  /* Italien et allemand : langues d'aperçu, teintes distinctes des trois autres. */
  --color-lang-it: #4caf7d;
  --color-lang-it-soft: #e1f3ea;
  --color-lang-de: #8e7bd6;
  --color-lang-de-soft: #ebe7f9;
  --color-family-temporal: #6c4fd8;
  --color-family-lexico: #f5a23d;
  --color-family-fonologia: #d4568f;
  --color-family-gramatica: #2f86d9;
  --color-family-comprension: #3fb6d9;
  --color-family-cultura: #ef6a5e;
  --color-family-expresion: #1fa97c;
  --color-family-juegos: #7fa82b;
  --color-family-repaso: #a0704e;
  --color-family-bienestar: #6fb3a0;
  --color-proj-surface: #241c2e;
  --color-proj-ink: #fff6e9;
  --color-proj-ink-muted: #bca9b4;
  --color-proj-line: #7d6a88;
  --color-proj-paper: #fdf8ec;
  --color-proj-accent: #ffc46b;
  --color-proj-success: #6fe3b4;
  --font-display-day: "Fredoka";
  --font-display-month: "Fredoka";
  --font-headline-lg: "Fredoka";
  --font-headline-md: "Fredoka";
  --font-title-module: "Fredoka";
  --font-question: "Fredoka";
  --font-answer-option: "Fredoka";
  --font-label: "Fredoka";
  --font-eyebrow: "Fredoka";
  --font-body-lg: "Nunito";
  --font-body-md: "Nunito";
  --font-body-sm: "Nunito";
  --font-code: "Space Mono";
  --font-projection-question: "Fredoka";
  --font-projection-answer: "Fredoka";
  --font-projection-label: "Fredoka";
  --text-display-day: 96px;
  --text-display-month: 30px;
  --text-headline-lg: 38px;
  --text-headline-md: 24px;
  --text-title-module: 18px;
  --text-question: 22px;
  --text-answer-option: 19px;
  --text-label: 14px;
  --text-eyebrow: 12px;
  --text-body-lg: 17px;
  --text-body-md: 15px;
  --text-body-sm: 13px;
  --text-code: 15px;
  --text-projection-question: 64px;
  --text-projection-answer: 32px;
  --text-projection-label: 20px;
  --tracking-display-day: -0.03em;
  --tracking-headline-lg: -0.02em;
  --tracking-eyebrow: 0.06em;
  --tracking-code: 0.06em;
  --tracking-projection-question: -0.02em;
  --tracking-projection-label: 0.04em;
  --font-weight-display-day: 700;
  --font-weight-display-month: 600;
  --font-weight-headline-lg: 700;
  --font-weight-headline-md: 600;
  --font-weight-title-module: 600;
  --font-weight-question: 600;
  --font-weight-answer-option: 600;
  --font-weight-label: 600;
  --font-weight-eyebrow: 500;
  --font-weight-body-lg: 600;
  --font-weight-body-md: 600;
  --font-weight-body-sm: 600;
  --font-weight-code: 700;
  --font-weight-projection-question: 700;
  --font-weight-projection-answer: 500;
  --font-weight-projection-label: 600;
  --radius-none: 0px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-full: 9999px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-0-5: 2px;
  --spacing-1-5: 6px;
}