:root {
  /* COULEURS */
  --color-bg: #F7F9FB;          /* Blanc avec ~5% gris-bleu */
  --color-bg-soft: #EEF1F4;     /* Variante un poil plus prononcée */
  --color-ink: #0A0A0A;
  --color-accent: #E8FF00;
  --color-text-1: #2C2E30;
  --color-text-2: #5C6066;
  --color-line: rgba(10,12,15,0.15);
  --color-line-strong: rgba(10,12,15,0.6);

  /* TYPOGRAPHIE */
  --font-display: 'Archivo Narrow', 'Helvetica Neue Condensed', sans-serif;
  --font-display-weight: 500;
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* TAILLES TYPO */
  --size-h1: clamp(40px, 6vw, 76px);
  --size-h2: clamp(36px, 5vw, 60px);
  --size-h3: clamp(28px, 3.5vw, 44px);
  --size-quote: clamp(28px, 3.5vw, 44px);
  --size-body: 17px;
  --size-small: 14px;
  --size-eyebrow: 12px;
  --size-h-mark: 100px;
  --size-h-mark-xl: 560px;

  /* SPACING */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-12: 100px;
  --space-14: 120px;

  /* GRID */
  --container-max: 1080px;
  --padding-x: clamp(20px, 4vw, 40px);

  /* ANIMATIONS */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 0.3s;
  --duration-medium: 0.6s;
  --duration-slow: 1.2s;
}