:root {
  --black: #0a0a0a;
  --white: #ffffff;
  --gold: #d4af37;
  --gold-soft: #e0c04a;
  --text: #ffffff;
  --text-soft: rgba(255, 255, 255, 0.72);
  --line: rgba(255, 255, 255, 0.1);
  --line-gold: rgba(212, 175, 55, 0.55);

  --font-display: "Montserrat", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Poppins", ui-sans-serif, system-ui, sans-serif;

  /* Planche desktop 1440px — hero */
  --layout-max: 1200px;
  --layout-gutter: 56px;
  --header-height: 64px;
  --header-pad-y: 20px;
  --nav-size: 11px;
  --nav-tracking: 0.14em;
  --nav-gap: 34px;
  --header-cta-h: 42px;
  --header-cta-size: 11px;
  --header-cta-pad-x: 20px;
  --header-logo-h: 34px;
  --hero-logo-w: clamp(72px, 5.5vw, 104px);
  --hero-signature-gap: clamp(2.75rem, 5.5vh, 4rem);
  --hero-title-size: clamp(2.125rem, 4.8vw, 3.375rem);
  --hero-title-leading: 1.12;
  --hero-title-tracking: -0.03em;
  --hero-title-max: 16em;
  --hero-title-intro-gap: clamp(1.375rem, 2.8vh, 2rem);
  --hero-intro-size: clamp(1rem, 1.12vw, 1.125rem);
  --hero-intro-leading: 1.72;
  --hero-intro-max: 32rem;
  --hero-cta-gap: clamp(2.5rem, 5vh, 3.25rem);
  --hero-cta-h: 46px;
  --hero-cta-size: 12px;
  --hero-cta-pad-x: 34px;
  --hero-visual-w: 754px;
  --hero-visual-h: 600px;
  --hero-visual-radius: 26px;
  --hero-visual-lift: -14px;
  --hero-col-gap: 72px;
  --hero-pad-top: 10px;
  --hero-pad-bottom: 32px;

  --container: 1240px;
  --radius-visual: 24px;
  --radius-thumb: 16px;
  --radius-btn: 999px;
  --shadow-visual: 0 32px 80px rgba(0, 0, 0, 0.38);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  --space-section: clamp(96px, 14vw, 160px);
  --space-block: clamp(48px, 8vw, 88px);
}