/* 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.

   ONG pour l'enfance en Afrique : un orange de latérite comme marque (le sol
   rouge des routes qu'on voit sur les photos), un jaune de peinture pour
   souligner, un vert de manguier pour les éclaboussures — les trois teintes
   d'un coup de pinceau posé sur du blanc. Le texte est presque noir : les
   boutons sombres de la maquette sont `--ink`.

   Deux tokens sortent de la grille standard, et c'est voulu : `--ink` et
   `--on-ink` — l'encre du bandeau de clôture et des boutons sombres, une
   surface qui reste sombre dans les deux thèmes parce qu'elle porte une
   photo et du texte clair. Ils existent pour qu'AUCUN composant n'écrive
   une couleur en dur. */
:root:root {
  --primary: #ec7d1a;
  --primary-foreground: #1d1105;
  --ring: #ec7d1a;
  --secondary: #fdeedd;
  --secondary-foreground: #6b3407;
  --accent: #fff4d6;
  --accent-foreground: #6b4a00;
  --background: #fffdf9;
  --card: #ffffff;
  --card-foreground: #1c1917;
  --popover: #ffffff;
  --popover-foreground: #1c1917;
  --foreground: #1c1917;
  --muted: #f6f1ea;
  --muted-foreground: #6b625a;
  --border: #ece5da;
  --input: #ece5da;
  --destructive: #b91c1c;
  --destructive-foreground: #ffffff;
  --brand-1: #ec7d1a;
  --brand-2: #f4a21f;
  --brand-3: #f6c94a;
  --brand-4: #7fb23a;
  --brand-5: #2e6b3a;
  /* L'encre : boutons sombres et bandeau de clôture. Ne bascule pas. */
  --ink: #17130f;
  --on-ink: #fbf7f1;
  --chart-1: #ec7d1a;
  --chart-2: #f4a21f;
  --chart-3: #f6c94a;
  --chart-4: #7fb23a;
  --chart-5: #2e6b3a;
  --radius: 0.5rem;
  --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: 'Source Serif 4', ui-serif, Georgia, "Times New Roman", serif;
}
.dark:root, .dark {
  --primary: #f59a3a;
  --primary-foreground: #1d1105;
  --ring: #f59a3a;
  --secondary: #3a2410;
  --secondary-foreground: #fbd7b0;
  --accent: #3a3010;
  --accent-foreground: #f6dc8a;
  --background: #131110;
  --card: #1b1816;
  --card-foreground: #f3ede4;
  --popover: #1b1816;
  --popover-foreground: #f3ede4;
  --foreground: #f3ede4;
  --muted: #211d1a;
  --muted-foreground: #a39a8f;
  --border: #2c2724;
  --input: #2c2724;
  --destructive: #f26b5b;
  --destructive-foreground: #1b0a04;
  --brand-1: #f59a3a;
  --brand-2: #f7b04a;
  --brand-3: #f6cf5c;
  --brand-4: #8fc44a;
  --brand-5: #5fa06a;
  --ink: #0d0b0a;
  --on-ink: #fbf7f1;
  --chart-1: #f59a3a;
  --chart-2: #f7b04a;
  --chart-3: #f6cf5c;
  --chart-4: #8fc44a;
  --chart-5: #5fa06a;
}