/* GENERE par scripts/tokens.mjs depuis le design system. Ne pas editer a la main. */
:root {
  --color-bg: #FBF5EB;
  --color-surface: rgba(255,255,255,0.7);
  --color-surface-alt: #F0E8D8;
  --color-text: #2D2A1E;
  --color-text-soft: #5A5040;
  --color-muted: #7A6F5A;
  --color-text-on-dark: #FBF5EB;
  --color-accent: #C94A2E;
  --color-accent-bg: rgba(201,74,46,0.13);
  --color-orange: #E07B39;
  --color-highlight: #FFD972;
  --color-teal: #5B8FAB;
  --color-teal-deep: #4A9B8E;
  --color-olive: #7A9E5C;
  --color-sand: #D4B896;
  --color-brown: #8B7355;
  --color-border: rgba(45,42,30,0.10);
  --color-border-strong: rgba(45,42,30,0.18);
  --chart-1: #5B8FAB;
  --chart-2: #FFD972;
  --chart-3: #C94A2E;
  --chart-4: #4A9B8E;
  --chart-5: #7A9E5C;
  --chart-6: #D4B896;
  --chart-7: #E07B39;
  --chart-8: #8B7355;
  --format-cococliches: #C94A2E;
  --format-pausecafe: #FFD972;
  --format-gallodrome: #5B8FAB;
  --format-story: #E07B39;
  --format-quiz: #4A9B8E;
  --format-horsformat: #8B7355;
  --font-display: 'Archivo', sans-serif;
  --font-body: 'Archivo', sans-serif;
  --font-data: 'Archivo', sans-serif;
  --font-display-wdth: 72;
  --font-body-wdth: 100;
  --font-label-wdth: 85;
  --font-data-wdth: 100;
  --text-xs: 0.875rem;
  --text-sm: 1rem;
  --text-base: 1.125rem;
  --text-md: 1.375rem;
  --text-lg: 1.625rem;
  --text-xl: 2rem;
  --text-2xl: 2.75rem;
  --text-3xl: 3.5rem;
  --text-4xl: 4.5rem;
  --text-5xl: 6rem;
  --text-hero: 10rem;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 8px rgba(45,42,30,0.06);
  --shadow-md: 0 4px 20px rgba(45,42,30,0.08);
  --shadow-lg: 0 12px 40px rgba(45,42,30,0.12);
}