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

   Application de location de voitures : un écran de TRAVAIL, pas une vitrine.
   Le noir profond de la marque tient les boutons, l'onglet actif et les
   barres de l'histogramme sélectionné ; le gris très clair du fond fait
   ressortir les cartes blanches ; les deux seules couleurs vives sont celles
   des signaux que l'œil cherche sur une carte — le jaune de la note et le
   rouge du cœur. Le vert n'apparaît que sur le point « disponible maintenant ».

   Les teintes `--brand-2` (rouge du favori), `--brand-3` (jaune de la note)
   et `--brand-5` (vert de disponibilité) sont des SIGNAUX : elles gardent
   leur sens dans les deux thèmes et ne servent jamais de fond de section. */
:root:root {
  --primary: #141416;
  --primary-foreground: #ffffff;
  --ring: #141416;
  --secondary: #f0f0f3;
  --secondary-foreground: #141416;
  --accent: #e9e9ee;
  --accent-foreground: #141416;
  --background: #f4f4f6;
  --card: #ffffff;
  --card-foreground: #121214;
  --popover: #ffffff;
  --popover-foreground: #121214;
  --foreground: #121214;
  --muted: #ececf0;
  --muted-foreground: #6d6d78;
  --border: #e3e3e8;
  --input: #dcdce2;
  --destructive: #d6323c;
  --destructive-foreground: #ffffff;
  --brand-1: #141416;
  --brand-2: #ff3b5c;
  --brand-3: #f5c518;
  --brand-4: #4f7df3;
  --brand-5: #22a06b;
  --chart-1: #141416;
  --chart-2: #ff3b5c;
  --chart-3: #f5c518;
  --chart-4: #4f7df3;
  --chart-5: #22a06b;
  --radius: 0.875rem;
  --font-sans: 'Manrope', ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
}
.dark:root, .dark {
  --primary: #f3f3f5;
  --primary-foreground: #121214;
  --ring: #f3f3f5;
  --secondary: #1d1d22;
  --secondary-foreground: #ececee;
  --accent: #26262c;
  --accent-foreground: #f3f3f5;
  --background: #0c0c0e;
  --card: #151518;
  --card-foreground: #ececee;
  --popover: #151518;
  --popover-foreground: #ececee;
  --foreground: #ececee;
  --muted: #1e1e23;
  --muted-foreground: #9c9ca6;
  --border: #27272d;
  --input: #2f2f36;
  --destructive: #f2545e;
  --destructive-foreground: #1b0507;
  --brand-1: #f3f3f5;
  --brand-2: #ff5c78;
  --brand-3: #ffd23f;
  --brand-4: #7396ff;
  --brand-5: #3ccf8e;
  --chart-1: #f3f3f5;
  --chart-2: #ff5c78;
  --chart-3: #ffd23f;
  --chart-4: #7396ff;
  --chart-5: #3ccf8e;
}