/* Makasi — thème du projet. Généré sans LLM et sans build :
   Tailwind compile `bg-primary` en `var(--primary)`, `rounded-lg` en
   `var(--radius)`, tout espacement en `calc(var(--spacing) * N)`, et la
   police du body est `var(--font-sans)` — redéfinir ces variables suffit
   à recolorer et re-proportionner toute l'app. Modifiable à la main.

   Ici un opérateur qui demande sa confiance avant d'exister : un fond blanc
   neutre, une encre presque noire, et UNE couleur, le rouge de la cabosse de
   cacao mûre — le premier produit du pays, et une teinte qu'aucun opérateur
   de la place n'occupe (Orange, MTN, Moov : orange, jaune, bleu). Elle marque
   l'action et l'étape en cours, rien d'autre. Le panneau Thème la remplace
   par n'importe quelle autre ; aucune lisibilité n'en dépend.

   UN token est propre à ce modèle et n'existe pas dans le socle :
   - `--font-display` : les titres et les chiffres, écrit `var(--font-sans)`
     — une seule famille (Radio Canada), contrastée par la graisse : si le
     panneau Thème change la police, les titres la suivent. Tout composant
     l'emploie avec un repli (`var(--font-display, var(--font-sans))`). */
:root:root {
  --primary: #8c1c2c;
  --primary-foreground: #ffffff;
  --ring: #8c1c2c;
  --secondary: #f5e6e8;
  --secondary-foreground: #6b1421;
  --accent: #f7ecee;
  --accent-foreground: #6b1421;
  --background: #f6f6f5;
  --card: #ffffff;
  --card-foreground: #19171a;
  --popover: #ffffff;
  --popover-foreground: #19171a;
  --foreground: #19171a;
  --muted: #ecebea;
  --muted-foreground: #56524f;
  --border: #dedcd9;
  --input: #c6c3bf;
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --brand-1: #8c1c2c;
  --brand-2: #b8452f;
  --brand-3: #d9a13b;
  --brand-4: #5b3a29;
  --brand-5: #3f6b4f;
  --chart-1: #8c1c2c;
  --chart-2: #b8452f;
  --chart-3: #d9a13b;
  --chart-4: #5b3a29;
  --chart-5: #3f6b4f;
  --font-sans: 'Radio Canada', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-display: var(--font-sans);
  --radius: 0.625rem;
  --spacing: 0.25rem;
}

:root:root.dark {
  --primary: #f2959d;
  --primary-foreground: #2a070d;
  --ring: #f2959d;
  --secondary: #3a1b20;
  --secondary-foreground: #f8dadd;
  --accent: #33191d;
  --accent-foreground: #f8dadd;
  --background: #141213;
  --card: #1d1a1b;
  --card-foreground: #f1eeee;
  --popover: #1d1a1b;
  --popover-foreground: #f1eeee;
  --foreground: #f1eeee;
  --muted: #262223;
  --muted-foreground: #b4acad;
  --border: #342e2f;
  --input: #4a4243;
  --destructive: #f97066;
  --destructive-foreground: #2b0707;
  --brand-1: #f2959d;
  --brand-2: #f0a58a;
  --brand-3: #f2c36b;
  --brand-4: #c9a48c;
  --brand-5: #8fc4a2;
  --chart-1: #f2959d;
  --chart-2: #f0a58a;
  --chart-3: #f2c36b;
  --chart-4: #c9a48c;
  --chart-5: #8fc4a2;
  --font-sans: 'Radio Canada', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-display: var(--font-sans);
}