:root {
  /* === Brand Palette === */
  --color-black:        #0a0a0a;
  --color-black-soft:   #111111;
  --color-black-card:   #161616;
  --color-beige:        #e8dcc8;
  --color-beige-dim:    #c9bba6;
  --color-brown:        #6b4f3a;
  --color-brown-light:  #8a6650;
  --color-gold:         #c9a84c;
  --color-gold-light:   #e2c06a;
  --color-champagne:    #f0e0b0;
  --color-silver:       #b0b0b0;
  --color-white-faint:  rgba(255, 255, 255, 0.06);

  /* === Typography === */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-accent:  'Cormorant SC', serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* === Type Scale === */
  --text-xs:   0.6875rem;
  --text-sm:   0.8125rem;
  --text-base: 1rem;
  --text-lg:   1.25rem;
  --text-xl:   1.5rem;
  --text-2xl:  2rem;
  --text-3xl:  3rem;
  --text-hero: clamp(3.25rem, 10vw, 7.5rem);

  /* === Spacing === */
  --space-1:  0.5rem;
  --space-2:  1rem;
  --space-3:  1.5rem;
  --space-4:  2rem;
  --space-6:  3rem;
  --space-8:  4rem;
  --space-12: 6rem;
  --space-16: 8rem;

  /* === Transitions === */
  --ease-luxury:   cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration-fast: 200ms;
  --duration-base: 400ms;
  --duration-slow: 700ms;
  --duration-reveal: 900ms;

  /* === Layout === */
  --max-width:       1440px;
  --section-pad-x:   clamp(1.25rem, 5vw, 5rem);
  --section-pad-y:   clamp(4rem, 8vw, 8rem);
  --grid-gap:        clamp(0.375rem, 1vw, 0.875rem);
  --hero-height:     100svh;
}