/* Socle de style partagé Rumil — variables de marque (identité émeraude, voir
   audit Fable §8) + typo globale. Chargé par base.html et docs/_base.html,
   AVANT {% block head %} de chaque page pour que le CSS spécifique de page
   puisse encore surcharger.

   Périmètre volontaire de ce lot : les variables + la typo + les corrections
   de contraste/couleur ponctuelles listées par l'audit. La dé-duplication des
   composants dupliqués (.btn, .sidebar, .tree-*, le board-picker…) est un
   chantier séparé, plus risqué — non traité ici. */

:root {
  /* Marque */
  --accent:#10b981; --accent-hover:#059669; --accent-deep:#065f46;
  --accent-soft:#d1fae5; --accent-tint:#f0fdf4;
  /* Neutres */
  --bg:#f8fafc; --surface:#ffffff; --border:#e5e7eb; --border-strong:#d1d5db;
  --divider:#f3f4f6; --text:#111827; --text-soft:#374151;
  --text-muted:#6b7280;  /* plus petit gris texte autorisé */
  --text-faint:#9ca3af;  /* icônes/décor uniquement */
  /* Sémantiques */
  --danger:#dc2626; --danger-bg:#fef2f2; --danger-border:#fca5a5;
  --warning:#f59e0b; --premium-bg:#fef3c7; --premium-fg:#92400e;
  --info:#1e40af; --info-bg:#dbeafe; --success-bg:#d1fae5; --success-fg:#065f46;
  --focus-ring:rgba(16,185,129,.2);
  /* Typo */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-xs:11px; --fs-sm:12px; --fs-md:13px; --fs-base:14px;
  --fs-lg:16px; --fs-xl:20px; --fs-2xl:24px; --fs-3xl:32px;
  /* Espacement (échelle 4px) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px;
  --sp-8:32px; --sp-10:40px;
  /* Rayons */
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-full:999px;
  /* Ombres */
  --shadow-sm:0 1px 3px rgba(15,23,42,.08);
  --shadow-md:0 4px 16px rgba(15,23,42,.10);
  --shadow-lg:0 12px 32px rgba(15,23,42,.16);
  /* Layout & mouvement */
  --sidebar-w:280px; --topbar-h:44px; --t-fast:.12s ease; --t-base:.2s ease;
}

body { font-family: var(--font); }