/* ==========================================================================
   tokens.css — variables de design Cobalt
   Couleurs, typographie, espacements, rayons. Une seule couleur d'accent :
   le bleu. Tout le reste est noir / gris / blanc.
   ========================================================================== */
:root {
  /* Fonds & surfaces */
  --cobalt-bg:        #0a0a0a;
  --cobalt-surface:   #141416;
  --cobalt-surface-2: #1c1c20;
  --cobalt-border:    #26262a;

  /* Accent (seule couleur vive) */
  --cobalt-blue:      #1a6ef5;
  --cobalt-blue-soft: #4d8ff7;

  /* Texte */
  --cobalt-text:      #f5f5f7;
  --cobalt-text-dim:  #a1a1aa;

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

  /* Layout */
  --container: 1200px;
  --space-section: clamp(4rem, 10vw, 8rem);   /* air vertical entre sections */
  --pad-x: clamp(1.25rem, 5vw, 2.5rem);       /* padding latéral du conteneur */

  /* Typographie */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Divers */
  --header-h: 64px;
  --shadow-soft: 0 10px 40px rgba(0, 0, 0, 0.35);
  --transition: 180ms ease;
}