:root {
  /* ─── Colors ─── */
  --c-bg:         #0c0a07;
  --c-bg-2:       #111009;
  --c-surface:    #181410;
  --c-surface-l:  #201c16;

  --c-gold:       #c49a52;
  --c-gold-l:     #d4aa62;
  --c-gold-dim:   rgba(196, 154, 82, 0.10);
  --c-gold-bdr:   rgba(196, 154, 82, 0.22);

  --c-cream:      #f0e8d8;
  --c-cream-m:    #b0a898;
  --c-text:       #c8c0b0;
  --c-text-m:     #6e6860;
  --c-white:      #faf8f4;

  --c-overlay:       rgba(10, 8, 5, 0.62);
  --c-overlay-deep:  rgba(10, 8, 5, 0.80);

  /* ─── Typography ─── */
  --f-display: 'Cormorant Garamond', 'Garamond', Georgia, serif;
  --f-body:    'Lato', 'Helvetica Neue', Arial, sans-serif;

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

  /* ─── Layout ─── */
  --max-w:  1380px;
  --nav-h:  76px;
  --radius: 2px;

  /* ─── Motion ─── */
  --ease:      cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-out:  cubic-bezier(0.00, 0.00, 0.20, 1.00);
  --dur-fast:  0.20s;
  --dur-mid:   0.45s;
  --dur-slow:  0.80s;
}