/**
 * ILIA CMS — Thème Default — Design tokens
 * Réf. docs/THEME_DESIGN_SYSTEM.md, section 4.
 *
 * Ce fichier ne définit QUE des variables — jamais de sélecteur autre
 * que :root. Toute couleur ou dimension utilisée ailleurs dans ce
 * thème doit passer par une de ces variables, jamais une valeur en dur
 * (c'est ce qui a causé le bug #F1F5F9 documenté en section 0 du
 * design system).
 */
:root{

  /* ── Niveau 1 — tokens de marque ─────────────────────────────────
     Seuls tokens que l'administrateur peut changer, depuis
     Réglages → Apparence (Settings theme.color_primary /
     theme.color_secondary). Les valeurs ci-dessous ne sont que le
     défaut avant toute personnalisation — home.php les réinjecte au
     besoin via un <style> après cet import. */
  --color-primary   : #2563EB;
  --color-secondary : #0F172A;
  --font-heading    : 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body       : system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* ── Niveau 2 — tokens sémantiques (propres à Default) ───────────
     Le NOM de chaque variable est commun aux deux thèmes ; seule la
     VALEUR change ici. Un bloc qui utilise var(--surface) obtient
     un gris clair ici, un bleu nuit dans Modern, sans jamais savoir
     dans lequel il s'affiche. */
  --bg          : #F8FAFC;
  --surface     : #FFFFFF;
  --surface-alt : #F1F5F9;
  --text        : #1E293B;
  --text-muted  : #64748B;
  --border      : #E2E8F0;
  --success     : #16A34A;
  --error       : #DC2626;
  --warning     : #D97706;

  /* ── Niveau 3 — tokens d'échelle (identiques dans les deux thèmes) */
  --space-xs : 8px;
  --space-sm : 16px;
  --space-md : 24px;
  --space-lg : 40px;
  --space-xl : 64px;

  --radius-sm : 6px;
  --radius-md : 12px;

  --shadow-card : 0 1px 3px rgba(15,23,42,.08), 0 6px 20px rgba(15,23,42,.06);

  --transition-fast : .15s ease;

  /* Échelle typographique — extension technique du niveau 3 (même
     principe : identique dans les deux thèmes, jamais redéfinie),
     introduite au moment du code pour éliminer les tailles de police
     éparpillées en dur (.72rem ici, .85rem là...) repérées dans
     l'ancien blocks.css. */
  --text-xs  : .72rem;
  --text-sm  : .85rem;
  --text-base: 1rem;
  --text-lg  : 1.15rem;
  --text-xl  : 1.5rem;
  --text-2xl : 2rem;
  --text-3xl : 2.75rem;
}