/* ═══════════════════════════════════════════════════════════════
   HELLOMATHILDE — Design System Tokens v3
   Major Third 1.25 type scale · base 16px
   Source unique pour toutes les pages du site.
   Mise à jour : 2026-05-14
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ─── Type scale (Major Third 1.25) ─── */
  --fs-100: 13px;
  --fs-200: 16px;
  --fs-300: 20px;
  --fs-400: 25px;
  --fs-500: 31px;
  --fs-600: 39px;
  --fs-700: 49px;
  --fs-800: 61px;

  /* ─── Rôles typographiques fluides ─── */
  --fs-eyebrow: clamp(13px, 1.1vw, 14.5px);
  --fs-body: clamp(16px, 0.95vw, 17.5px);
  --fs-lead: clamp(17px, 1.4vw, 20px);
  --fs-lead-lg: clamp(18px, 1.6vw, 22px);
  --fs-h3: clamp(20px, 1.8vw, 25px);
  --fs-h2: clamp(28px, 2.8vw, 39px);
  --fs-h1: clamp(30px, 3.6vw, 49px);
  --fs-h1-hero: clamp(34px, 4vw, 61px);
  --fs-num-price: clamp(28px, 2.8vw, 39px);
  --fs-num-stat: clamp(36px, 3.6vw, 49px);

  /* ─── Letter-spacing ─── */
  --tracking-display: -0.035em;
  --tracking-tight: -0.02em;
  --tracking-body: -0.005em;

  /* ─── Spacing — 8px grid ─── */
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;

  /* ─── Section rhythm ─── */
  --section-y: clamp(72px, 7vw, 96px);
  --section-y-lg: clamp(80px, 8vw, 112px);
}

/* ─── Font features globales (kerning, ligatures, lining numerals) ─── */
body {
  font-feature-settings: "kern" 1, "liga" 1, "lnum" 1;
  text-rendering: optimizeLegibility;
}