:root {
  /* ── Couleurs ──────────────────────────────────────────── */
  --c-bg:          #0E0C0A;   /* ébène chaud */
  --c-surface:     #1A1713;   /* cartes, panneaux */
  --c-surface-2:   #231F1A;   /* hover cartes */
  --c-border:      #2E2920;   /* séparateurs */
  --c-border-2:    #3D3328;   /* hover séparateurs */

  --c-gold:        #C8A86B;   /* laiton brossé — accent principal */
  --c-gold-light:  #E2C98A;   /* hover / focus */
  --c-gold-dim:    #7A6438;   /* gold atténué */

  --c-cream:       #F2EDE4;   /* texte principal */
  --c-cream-dim:   #B8B0A4;   /* texte secondaire */
  --c-muted:       #7A7060;   /* labels, placeholders */

  --c-error:       #C86B6B;
  --c-success:     #6BC88A;

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

  --size-xs:   0.72rem;
  --size-sm:   0.85rem;
  --size-base: 1rem;
  --size-md:   1.15rem;
  --size-lg:   clamp(1.2rem, 2vw, 1.5rem);
  --size-xl:   clamp(1.8rem, 4vw, 2.8rem);
  --size-2xl:  clamp(2.4rem, 6vw, 4.2rem);
  --size-3xl:  clamp(3rem, 8vw, 5.5rem);

  /* ── Espacement ─────────────────────────────────────────── */
  --sp-xs:   0.375rem;
  --sp-sm:   0.75rem;
  --sp-md:   1.25rem;
  --sp-lg:   2rem;
  --sp-xl:   3.5rem;
  --sp-2xl:  clamp(4rem, 8vw, 7rem);
  --sp-3xl:  clamp(6rem, 12vw, 10rem);

  /* ── Layout ─────────────────────────────────────────────── */
  --max-w:        1280px;
  --max-w-narrow: 800px;
  --nav-h:        72px;
  --radius-sm:    2px;
  --radius:       3px;

  /* ── Transitions ────────────────────────────────────────── */
  --ease:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-snap: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast:  160ms;
  --dur:       300ms;
  --dur-slow:  500ms;

  /* ── Z-index ────────────────────────────────────────────── */
  --z-base:    0;
  --z-nav:     100;
  --z-toast:   200;
  --z-modal:   300;
}