/* Design tokens Codia Labs — source unique pour le site, les pages légales et l'admin.
   Ne pas redéfinir ces variables dans les pages : les modifier ici. */
:root{
  /* Fonds, surfaces, bordures */
  --bg:        #000925;
  --bg-2:      #0A0D14;
  --bg-3:      #0F1422;
  --surface:   rgba(255,255,255,0.03);
  --surface-2: rgba(255,255,255,0.05);
  --border:    rgba(255,255,255,0.08);
  --border-2:  rgba(255,255,255,0.14);

  /* Texte : 3 niveaux */
  --ink:       #F5F7FA;
  --ink-2:     #B8C0CE;
  --ink-3:     #6B7488;

  /* Marque (tous les bleus dérivent de #00b4fe) */
  --blue:      #00b4fe;
  --blue-line: rgba(0,180,254,0.3);
  --blue-soft: rgba(0,180,254,0.1);
  --glow:      rgba(0,180,254,0.45);
  --grad-soft: linear-gradient(135deg, rgba(0,180,254,0.15) 0%, rgba(30,122,255,0.10) 100%);

  /* États (admin) */
  --ok:        #34d399;
  --warn:      #fbbf24;
  --no:        #f87171;

  /* Statuts de Vigi (icônes de l'admin) : couleurs d'état documentées de Vigi ;
     l'écart assumé utilise --blue, le non effectué et le sans objet --ink-3 */
  --st-ok:     #28c840;
  --st-warn:   #FFB020;
  --st-fail:   #e74c3c;

  /* Typographies */
  --display:   'Sora', sans-serif;
  --body:      'Inter', sans-serif;
  --mono:      'JetBrains Mono', monospace;

  /* Formes et mouvement */
  --radius-lg: 22px;
  --radius-xl: 28px;
  --t1:        cubic-bezier(0.22, 1, 0.36, 1);

  /* Gabarit standard des sites Codia : conteneur 1280 px, marges comprises */
  --container: 1280px;   /* largeur max du conteneur (contenu = 1280 − 2 × gouttière) */
  --gutter:    32px;     /* marge latérale ; 20px sur mobile (≤ 720px) */
}
@media (max-width: 720px){
  :root{ --gutter: 20px; }
}