/* ============================================================
   Sim Design Tokens — Global
   Uniquement les custom properties :root, sans aucune règle
   de style. Chargé dans base.html pour que navbar, grilles,
   et tous les modules y aient accès.
   ============================================================ */

:root {
  /* Backgrounds — ivoire crème */
  --sim-bg-base:     #f5f3ee;
  --sim-bg-surface:  #ffffff;
  --sim-bg-elevated: #f0ede6;
  --sim-bg-subtle:   #e8e4db;

  /* Texte — gris chauds */
  --sim-text-primary:   #1c1c1e;
  --sim-text-secondary: #4a4852;
  --sim-text-muted:     #8a8690;

  /* Bordures */
  --sim-border:        #dedad2;
  --sim-border-hover:  #c9c4ba;
  --sim-border-active: #b0a99d;

  /* Accent — teal froid */
  --sim-accent:        #4a9bba;
  --sim-accent-hover:  #3a8aa9;
  --sim-accent-muted:  rgba(74, 155, 186, 0.10);
  --sim-accent-light:  #5aafcc;

  /* Sémantique — atténuées */
  --sim-success:        #2d7a5f;
  --sim-success-muted:  rgba(45, 122, 95, 0.08);
  --sim-danger:         #b84c4c;
  --sim-danger-muted:   rgba(184, 76, 76, 0.08);
  --sim-warning:        #8a6a1a;
  --sim-warning-muted:  rgba(138, 106, 26, 0.08);
  --sim-info:           #3a6fa8;
  --sim-info-muted:     rgba(58, 111, 168, 0.08);

  /* Typographie */
  --sim-font-body: 'Instrument Sans', system-ui, sans-serif;
  --sim-font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Rayons */
  --sim-radius-sm: 6px;
  --sim-radius-md: 8px;
  --sim-radius-lg: 12px;

  /* Ombres */
  --sim-shadow-card:     0 1px 3px rgba(0,0,0,0.06);
  --sim-shadow-elevated: 0 4px 16px rgba(0,0,0,0.10);
}