@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500&display=swap');

:root {
  /* Brand Colors — Mauve & Blush */
  --color-midnight:     #3D1F26;
  --color-espresso:     #4A2830;
  --color-gold:         #C9A08C;
  --color-gold-light:   #E8C4B0;
  --color-gold-pale:    #FAF0EC;
  --color-ivory:        #FDF8F6;
  --color-ivory-deep:   #F5EAE6;
  --color-blush:        #F0DDD5;
  --color-stone:        #8C6060;
  --color-stone-light:  #B89090;
  --color-white:        #FFFFFF;

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

  /* Font Sizes */
  --text-hero:    clamp(2.8rem, 6vw, 5rem);
  --text-h1:      clamp(2rem, 4vw, 3.5rem);
  --text-h2:      clamp(1.6rem, 3vw, 2.5rem);
  --text-h3:      clamp(1.2rem, 2vw, 1.6rem);
  --text-body:    1rem;
  --text-small:   0.875rem;
  --text-caption: 0.75rem;

  /* Spacing */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   3rem;
  --space-2xl:  5rem;
  --space-3xl:  8rem;

  /* Section padding */
  --section-py: clamp(4rem, 8vw, 7rem);

  /* Border radius */
  --radius-sm:  2px;
  --radius-md:  4px;
  --radius-lg:  8px;

  /* Transitions */
  --transition: all 0.3s ease;
  --transition-slow: all 0.5s ease;

  /* Shadows */
  --shadow-sm:  0 2px 12px rgba(61, 31, 38, 0.06);
  --shadow-md:  0 4px 24px rgba(61, 31, 38, 0.10);
  --shadow-lg:  0 8px 48px rgba(61, 31, 38, 0.15);
  --shadow-gold: 0 4px 24px rgba(201, 160, 140, 0.3);

  /* Navbar */
  --navbar-height: 80px;
}