/* ============================================================
   ATLAS CONNECT · TOKENS DE DESIGN : source unique de vérité
   Chargé en tout premier (avant les CSS de page) : rôle de socle
   et de repli. Une page peut encore surcharger localement, mais
   toute nouvelle page hérite automatiquement de la charte.
   ============================================================ */
:root{
  /* ---- Couleurs de marque ---- */
  --navy:    #060e2b;   /* fond bleu nuit : valeur unique du site */
  --navy2:   #0c1a4a;
  --navy3:   #0a1640;
  --blue:    #1e56d8;
  --blue-b:  #2563eb;
  --blue-l:  #60a5fa;
  --blue-xl: #dbeafe;
  --orange:  #f97316;   /* accent / CTA */
  --orange-d:#ea6c0a;
  --white:   #ffffff;
  --off:     #f5f7ff;   /* sections claires alternées */

  /* ---- Texte (sur fond clair) ---- */
  --text:    #0d1f5c;
  --mid:     #3a5280;
  --muted:   #586f9a;

  /* ---- Lignes & ombres ---- */
  --border:  rgba(30,86,216,.1);
  --sh-sm:   0 2px 12px rgba(30,86,216,.08);
  --sh-md:   0 8px 32px rgba(30,86,216,.14);
  --sh-lg:   0 24px 64px rgba(30,86,216,.22);

  /* ---- Échelle cible (audit 25/09) : toute nouvelle valeur doit venir d'ici ---- */
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
  --radius-s:8px;--radius-m:12px;--radius-l:16px;--radius-xl:24px;--radius-pill:999px;
  --motion-fast:150ms;--motion-std:250ms;--motion-slow:400ms;--motion-ease:cubic-bezier(.22,.68,0,1);
  --fs-display:clamp(2.5rem,1.6rem + 3.2vw,4rem);--fs-h1:clamp(2.1rem,1.5rem + 2.2vw,3.25rem);--fs-h2:clamp(1.75rem,1.3rem + 1.5vw,2.5rem);--fs-h3:clamp(1.2rem,1.1rem + .3vw,1.375rem);--fs-body:1rem;--fs-small:.875rem;--fs-label:.75rem;
  --btn-h:48px;--btn-h-lg:54px;

  /* ---- Rayons ---- */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-pill: 999px;

  /* ---- Espacements ---- */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 48px;
  --sp-6: 64px;

  /* ---- Typographie ---- */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;
  /* Serif éditoriale : réservée aux pages « créa » (branding, print, réseaux sociaux) */
  --font-serif:   'Playfair Display', Georgia, serif;

  /* ---- Transitions ---- */
  --ease-premium: cubic-bezier(.22,.68,0,1);
  --ease-spring:  cubic-bezier(.175,.885,.32,1.275);
}