/* 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 : une maison de prêt-à-porter de Saint-Malo vue depuis l'intérieur du
   vêtement. Le fond est le satin blanc d'une étiquette d'entretien, l'encre
   est le noir de l'étiquette tissée, et UNE couleur — le fil framboise de la
   maison — ne sert qu'à ce qui compte maintenant (la taille choisie, le sac,
   l'action principale, l'étiquette de la saison). Angles vifs : une
   étiquette se coupe au ciseau.

   Tokens propres : `--font-display` (Encode Sans, déclarée dans fonts.css).
   Chaque composant l'emploie avec un repli (`var(--font-display,
   var(--font-sans))`) : une palette régénérée par la plateforme qui
   l'oublierait laisse la page lisible, dans la police du thème. */
:root:root {
  --primary: #c2185b;
  --primary-foreground: #ffffff;
  --ring: #c2185b;
  --secondary: #e4e7ea;
  --secondary-foreground: #121314;
  --accent: #f8dde8;
  --accent-foreground: #6e0f35;
  --background: #f4f5f6;
  --card: #ffffff;
  --card-foreground: #121314;
  --popover: #ffffff;
  --popover-foreground: #121314;
  --foreground: #121314;
  --muted: #e8eaed;
  --muted-foreground: #565b62;
  --border: #d3d7db;
  --input: #9ba1a8;
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --brand-1: #c2185b;
  --brand-2: #121314;
  --brand-3: #565b62;
  --brand-4: #d3d7db;
  --brand-5: #f8dde8;
  --chart-1: #c2185b;
  --chart-2: #121314;
  --chart-3: #565b62;
  --chart-4: #9ba1a8;
  --chart-5: #f8dde8;
  --font-sans: 'Encode Sans', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Encode Sans', 'Arial Narrow', ui-sans-serif, sans-serif;
  --radius: 0.125rem;
  --spacing: 0.25rem;
}

:root:root.dark {
  --primary: #ff6fa3;
  --primary-foreground: #1c0610;
  --ring: #ff6fa3;
  --secondary: #222428;
  --secondary-foreground: #eceef0;
  --accent: #3b1426;
  --accent-foreground: #ffc4da;
  --background: #101112;
  --card: #17181a;
  --card-foreground: #eceef0;
  --popover: #17181a;
  --popover-foreground: #eceef0;
  --foreground: #eceef0;
  --muted: #1e2023;
  --muted-foreground: #a0a6ad;
  --border: #2d3035;
  --input: #50555c;
  --destructive: #f97066;
  --destructive-foreground: #2a0a07;
  --brand-1: #ff6fa3;
  --brand-2: #eceef0;
  --brand-3: #a0a6ad;
  --brand-4: #2d3035;
  --brand-5: #3b1426;
  --chart-1: #ff6fa3;
  --chart-2: #eceef0;
  --chart-3: #a0a6ad;
  --chart-4: #50555c;
  --chart-5: #3b1426;
}