/* 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 : la caisse parle la langue que le caissier lit déjà sur son propre
   téléphone, la session de mobile money — un écran titré, des lignes de texte
   simple, UNE ligne surlignée, deux touches en bas, un message de confirmation
   qui porte sa référence. Le fond est le gris froid du téléphone autour de
   l'écran, les écrans sont des surfaces blanches pleines aux coins francs
   (la forme du téléphone et de ses touches rondes, faite pour le pouce), le
   bleu ne sert QU'À la ligne choisie et à l'action principale, le rouge
   qu'à ce qui est dû, manquant ou annulé.

   Tokens propres à ce modèle (chacun est lu avec un repli sur un token du
   socle, l'app reste juste si la plateforme les retire) :
   - `--font-display` : la famille des titres et des chiffres (Atkinson
     Hyperlegible Next) ;
   - `--font-ref` : la famille des références et des codes (Atkinson
     Hyperlegible Mono) — un 0 ne se lit pas O, un 1 ne se lit pas I ;
   - `--strip` / `--strip-foreground` : la barre d'état du haut (l'heure). */
:root:root {
  --primary: #0b5fd0;
  --primary-foreground: #ffffff;
  --ring: #0b5fd0;
  --secondary: #dfe9f8;
  --secondary-foreground: #0a3f8c;
  --accent: #e6ebf1;
  --accent-foreground: #14171c;
  --background: #edf0f3;
  --card: #ffffff;
  --card-foreground: #14171c;
  --popover: #ffffff;
  --popover-foreground: #14171c;
  --foreground: #14171c;
  --muted: #e3e7ec;
  --muted-foreground: #525b66;
  --border: #d3d9e0;
  --input: #8f99a4;
  --destructive: #c62a1f;
  --destructive-foreground: #ffffff;
  --brand-1: #0b5fd0;
  --brand-2: #14171c;
  --brand-3: #525b66;
  --brand-4: #a3acb6;
  --brand-5: #c62a1f;
  --chart-1: #14171c;
  --chart-2: #5b6571;
  --chart-3: #a3acb6;
  --chart-4: #c62a1f;
  --chart-5: #d3d9e0;
  --font-sans: 'Atkinson Hyperlegible Next', ui-sans-serif, system-ui, sans-serif;
  --font-display: 'Atkinson Hyperlegible Next', ui-sans-serif, system-ui, sans-serif;
  --font-ref: 'Atkinson Hyperlegible Mono', ui-monospace, monospace;
  --strip: #14171c;
  --strip-foreground: #f4f6f8;
  --radius: 1rem;
  --spacing: 0.25rem;
}

:root:root.dark {
  --primary: #5b9dff;
  --primary-foreground: #04101f;
  --ring: #5b9dff;
  --secondary: #13243d;
  --secondary-foreground: #cfe0ff;
  --accent: #1d232b;
  --accent-foreground: #eef1f5;
  --background: #0b0d10;
  --card: #15181d;
  --card-foreground: #eef1f5;
  --popover: #15181d;
  --popover-foreground: #eef1f5;
  --foreground: #eef1f5;
  --muted: #1f242b;
  --muted-foreground: #9ba5b1;
  --border: #2a3038;
  --input: #66707d;
  --destructive: #ff6b5e;
  --destructive-foreground: #1d0302;
  --brand-1: #5b9dff;
  --brand-2: #eef1f5;
  --brand-3: #9ba5b1;
  --brand-4: #5a6470;
  --brand-5: #ff6b5e;
  --chart-1: #eef1f5;
  --chart-2: #9ba5b1;
  --chart-3: #5a6470;
  --chart-4: #ff6b5e;
  --chart-5: #2a3038;
  --strip: #040506;
  --strip-foreground: #eef1f5;
}