/* ============================================================
   HORIZON CUMULUS — Design Tokens v2
   Extrait fidelement des maquettes originales
   ============================================================ */

:root {
  /* --- Couleurs principales --- */
  --primary:       #252e3f;
  --accent:        #1e73be;
  --accent-light:  #4DC8E9;
  --accent-teal:   #378599;
  --green:         #03a84e;
  --green-hover:   #028a3f;
  --bg:            #f7f8f9;
  --card:          #ffffff;
  --text:          #222222;
  --muted:         #627070;
  --border:        #e2e8f0;
  --dark:          #252e3f;
  --darker:        #1a1f2e;
  --red:           #ef4444;
  --orange:        #f59e0b;
  --purple:        #8b5cf6;
  --indigo:        #6366f1;
  --transition:    200ms ease-out;

  /* --- Surfaces sombres exactes --- */
  --topbar-bg:         #1a1f2e;
  --topbar-text:       #94a3b8;
  --topbar-muted:      #64748b;
  --nav-solid:         rgba(37,46,63,0.97);
  --mega-bg:           var(--dark);
  --mega-border:       rgba(255,255,255,0.08);
  --mega-text:         rgba(255,255,255,0.7);
  --mega-heading:      var(--accent-light);

  /* --- Espacement (identique aux maquettes) --- */
  --gutter:        24px;
  --container-max: 1200px;

  /* --- Z-index --- */
  --z-nav:         1000;
  --z-topbar:      1001;
  --z-modal:       1100;
}