:root {
  --color-beige: #f8f4ef;
  --color-ultraviolet: #645394;
  --color-deep-purple: #3a2a5a;
  --color-gold: #d4af37;
  --color-light-gold: #f9eac3;
  --color-dark: #2f2940;
  --color-light: #ffffff;
  --color-flow: #8a6bc9;
  --color-intuition: #d1a8ff;
  --color-awareness: #9d8bce;
  --color-joy: #ff9ff3;
  --transition: all 0.3s ease;
  --shadow: 0 10px 28px rgba(58, 42, 90, 0.08);
  --shadow-hover: 0 18px 42px rgba(58, 42, 90, 0.14);
  --border-radius: 20px;
  --font-serif: "Cormorant Garamond", serif;
  --font-sans: "Manrope", sans-serif;
  --shell-container: 1140px;
  --space-section: clamp(5.5rem, 8vw, 6rem);
  --space-card: clamp(1.5rem, 3vw, 2rem);
  --type-hero: clamp(3rem, 6vw, 5.5rem);
  --type-section: clamp(2rem, 4vw, 3.2rem);
  --type-body: 1.05rem;
  --type-subtitle: clamp(1.05rem, 2.2vw, 1.22rem);
}