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

   Producteur de produits frais : un vert de feuillage profond pour la marque
   (c'est la couleur du champ qu'on montre en photo), un orange de carotte
   pour l'appel à agir — la seule teinte chaude de la page, réservée aux
   boutons qui mènent au tarif — et un blanc cassé de cagette pour le fond.
   La gamme décorative complète avec un vert tendre de jeune pousse, un vert
   moyen de tige et un or de blé mûr : chaque teinte nomme quelque chose que
   le site vend.

   Trois tokens sortent de la grille standard, et c'est voulu :
   `--panel` (le vert de nuit du héros et du bandeau — IDENTIQUE dans les
   deux thèmes : une surface sombre porteuse de texte blanc et de bords
   déchirés ne peut pas s'éclaircir en mode sombre sans perdre son contraste),
   `--on-panel` (le texte posé dessus) et `--on-brand-2` (le texte sombre
   posé sur l'orange, qui reste clair dans les deux thèmes). Ils existent pour
   qu'AUCUN composant n'écrive une couleur en dur. */
:root:root {
  --primary: #1c5a3c;
  --primary-foreground: #ffffff;
  --ring: #1c5a3c;
  --secondary: #e4f0e8;
  --secondary-foreground: #123d29;
  --accent: #fdeadb;
  --accent-foreground: #7e3c0c;
  --background: #fbfbf8;
  --card: #ffffff;
  --card-foreground: #14211a;
  --popover: #ffffff;
  --popover-foreground: #14211a;
  --foreground: #14211a;
  --muted: #f1f3ec;
  --muted-foreground: #5b6a61;
  --border: #e2e7df;
  --input: #e2e7df;
  --destructive: #b3350f;
  --destructive-foreground: #ffffff;
  --brand-1: #1c5a3c;
  --brand-2: #f28b2f;
  --brand-3: #9fd3a5;
  --brand-4: #2f8455;
  --brand-5: #d4a72c;
  /* Le panneau vert de nuit du héros et du bandeau — un fond de photo et de
     texte blanc, pas une surface d'interface : il ne bascule pas. */
  --panel: #133f2b;
  --on-panel: #f2f7f3;
  /* Texte posé SUR l'orange. La teinte reste claire dans les deux thèmes. */
  --on-brand-2: #24130a;
  --chart-1: #1c5a3c;
  --chart-2: #f28b2f;
  --chart-3: #9fd3a5;
  --chart-4: #2f8455;
  --chart-5: #d4a72c;
  --radius: 0.75rem;
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
}
:root:root.dark {
  --primary: #5fc78f;
  --primary-foreground: #062418;
  --ring: #5fc78f;
  --secondary: #17301f;
  --secondary-foreground: #cfe9d9;
  --accent: #34221a;
  --accent-foreground: #f4b47e;
  --background: #0c1410;
  --card: #131d17;
  --card-foreground: #e8f0ea;
  --popover: #131d17;
  --popover-foreground: #e8f0ea;
  --foreground: #e8f0ea;
  --muted: #17231c;
  --muted-foreground: #97a69c;
  --border: #23332a;
  --input: #23332a;
  --destructive: #f2643a;
  --destructive-foreground: #1b0a04;
  --brand-1: #5fc78f;
  --brand-2: #f59a49;
  --brand-3: #7fbf88;
  --brand-4: #6fd0a4;
  --brand-5: #e0b84a;
  --panel: #133f2b;
  --on-panel: #f2f7f3;
  --on-brand-2: #24130a;
  --chart-1: #5fc78f;
  --chart-2: #f59a49;
  --chart-3: #7fbf88;
  --chart-4: #6fd0a4;
  --chart-5: #e0b84a;
}