:root {
  /* ── Palette ─────────────────────────────── */
  --c-terracotta:   #C8603A;
  --c-terracotta-d: #A84E2C;
  --c-teal:         #1E5F6E;
  --c-teal-l:       #2A7A8C;
  --c-gold:         #E8A830;
  --c-gold-l:       #F5C85A;
  --c-cream:        #FAF5EC;
  --c-cream-d:      #F0E8D8;
  --c-brown:        #2A1F1A;
  --c-brown-l:      #5C4A3A;
  --c-white:        #FFFFFF;
  --c-overlay:      rgba(42, 31, 26, 0.45);

  /* ── Typographie ─────────────────────────── */
  --font-display:  'Cormorant Garamond', Georgia, serif;
  --font-body:     'DM Sans', system-ui, sans-serif;

  --fs-hero:    clamp(3.5rem, 12vw, 7rem);
  --fs-h1:      clamp(2.5rem, 7vw, 5rem);
  --fs-h2:      clamp(1.8rem, 4vw, 3rem);
  --fs-h3:      clamp(1.3rem, 3vw, 2rem);
  --fs-body:    1rem;
  --fs-small:   0.875rem;
  --fs-nav:     clamp(1.85rem, 7vw, 3.5rem);

  --ls-wide:    0.18em;
  --ls-xwide:   0.25em;

  /* ── Espacements ─────────────────────────── */
  --sp-xs:   0.5rem;
  --sp-sm:   1rem;
  --sp-md:   2rem;
  --sp-lg:   4rem;
  --sp-xl:   7rem;
  --sp-2xl:  10rem;

  /* ── Layout ──────────────────────────────── */
  --header-h:    60px;
  --tabbar-h:    52px;
  --cta-bar-h:   60px;
  --max-w:       1200px;
  --radius-sm:   6px;
  --radius-md:   16px;
  --radius-pill: 100px;

  /* ── Transitions ─────────────────────────── */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    200ms;
  --dur-med:     350ms;
  --dur-slow:    600ms;
  --dur-xslow:   900ms;

  /* ── Ombres ──────────────────────────────── */
  --shadow-sm:  0 2px 8px rgba(42,31,26,0.10);
  --shadow-md:  0 6px 24px rgba(42,31,26,0.15);
  --shadow-lg:  0 16px 48px rgba(42,31,26,0.20);
}