/* ════════════════════════════════════════════════════
   DESIGN TOKENS — ErgyCodePy (partagés entre les apps)
   Importé par site.css ; les bases d'apps (erp, akademi,
   caisse, learning) peuvent le lier pour dériver leurs
   propres palettes au lieu de coder les couleurs en dur.
════════════════════════════════════════════════════ */
:root {
  --primary:       #009150;
  --primary-dark:  #005e34;
  --primary-light: #00e57a;
  --secondary:     #bb1a1a;
  --dark:          #040709;
  --dark2:         #080d12;
  --dark3:         #0d1520;
  --border:        rgba(255,255,255,.07);
  --border2:       rgba(255,255,255,.12);
  --glass:         rgba(255,255,255,.03);
  --shadow-sm:     0 2px 8px rgba(0,0,0,.15);
  --shadow-md:     0 8px 30px rgba(0,0,0,.25);
  --shadow-lg:     0 20px 60px rgba(0,0,0,.4);
  --ease:          cubic-bezier(.22,1,.36,1);
  --transition:    all .3s var(--ease);

  /* Couleurs sémantiques (toasts, badges, états) */
  --success: #00e57a;
  --danger:  #ef4444;
  --warning: #f59e0b;
  --info:    #3b82f6;

  /* TYPOGRAPHY — Times New Roman + companions */
  --font-serif:   'Times New Roman', 'Cormorant Garamond', Georgia, serif;
  --font-display: 'Space Grotesk', var(--font-serif);
  --font-body:    'DM Sans', var(--font-serif);
  --font-mono:    'JetBrains Mono', monospace;

  --nav-h: 70px;
}

/* Contrôles natifs du navigateur (scrollbars, datepickers, selects)
   rendus en sombre — le site est dark-themed. */
:root { color-scheme: dark; }