/* ═══════════════════════════════════════
   TOKENS — Source unique de vérité design
   Modifier ici pour rebrander tout le site
   ═══════════════════════════════════════ */

:root {
  /* Couleurs Navy */
  --navy:        #0A2342;
  --navy-deep:   #06182E;
  --navy-dark:   #040F1F;
  --navy-mid:    #0D2D54;
  --navy-card:   #0F3060;

  /* Or */
  --gold:        #F4B400;
  --gold-soft:   #FFD23F;
  --gold-glow:   rgba(244,180,0,0.12);
  --gold-glow-strong: rgba(244,180,0,0.25);

  /* Texte */
  --text:        #E8ECF1;
  --text-dim:    rgba(232,236,241,0.55);
  --text-faint:  rgba(232,236,241,0.35);

  /* Surfaces */
  --surface-glass:       rgba(255,255,255,0.035);
  --surface-glass-hover: rgba(255,255,255,0.06);
  --surface-glass-strong: rgba(255,255,255,0.05);

  /* Lignes */
  --line:        rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.14);
  --line-gold:   rgba(244,180,0,0.2);

  /* Typographie */
  --font-sans:   'Inter', system-ui, sans-serif;
  --font-serif:  'Instrument Serif', Georgia, serif;

  /* Espacements */
  --section-pad:  140px 48px;
  --container:    1280px;
  --container-n:  1000px;

  /* Bordures */
  --radius-sm:   12px;
  --radius-md:   20px;
  --radius-lg:   24px;
  --radius-xl:   32px;
  --radius-pill: 100px;

  /* Ombres */
  --shadow-card:      0 32px 80px -24px rgba(0,0,0,0.55);
  --shadow-deep:      0 60px 120px -20px rgba(0,0,0,0.65);
  --shadow-gold:      0 16px 48px -12px rgba(244,180,0,0.45);
  --shadow-gold-ring: 0 0 0 6px rgba(244,180,0,0.12);

  /* Transitions */
  --t-fast:   0.2s ease;
  --t-base:   0.3s ease;
  --t-slow:   0.5s ease;
}