/* =====================================================================
   BASE.CSS — Optinova CRM
   Reset global + réglages de base du <body>.
   Dépend de variables.css — doit toujours être chargé APRÈS lui.
   ===================================================================== */

/* ---------- Reset ---------- */
*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Élément masqué via l'attribut `hidden` (bascule JS : el.hidden = true/false).
   Le !important protège contre un display: flex/grid posé plus loin sur la même classe. */
[hidden]{ display: none !important; }

/* ---------- Body ---------- */
body{
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: var(--font-md);   /* 14px — taille de base de toute l'app */
  padding: var(--space-5);     /* 12px */
  color-scheme: dark;
}

body.mode-lisible{
  color-scheme: light;
}

/* ---------- Polices de marque (utilisées ponctuellement, pas sur le body) ----------
   'Space Grotesk'   : titres/nom de marque (.app-brand-name, .login-box h2, etc.)
   'JetBrains Mono'  : texte technique/debug (.debug)
   Ces deux polices restent appliquées via leurs classes spécifiques dans
   composants.css — jamais sur le body directement.
   ===================================================================== */