:root {
  /* Color System */
  --color-primary-dark: #1A3628;
  --color-primary-light: #F9F7F3;
  --color-accent-gold: #C5A059;
  --color-secondary-olive: #4A5D23;
  --color-neutral-beige: #E8E4DB;
  --color-neutral-stone: #8C8C88;
  --color-white: #FFFFFF;

  /* Typography */
  --font-heading: 'Playfair Display', 'Cormorant Garamond', serif;
  --font-body: 'Inter', sans-serif;
  
  /* Desktop Typography Scale */
  --text-h1: 72px;
  --text-h2: 60px;
  --text-h3: 32px;
  --text-body-large: 18px;
  --text-body: 16px;
  --text-caption: 14px;
  
  /* Spacing */
  --spacing-section: 60px;
  --spacing-element: 28px;
  
  /* UI Elements */
  --border-radius-soft: 4px;
  --border-radius-card: 20px;
  --shadow-premium: 0 10px 40px rgba(26, 54, 40, 0.05);
  
  /* Transitions */
  --transition-slow: 1.2s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-medium: 0.4s ease;
}

@media (max-width: 768px) {
  :root {
    --text-h1: 48px;
    --text-h2: 36px;
    --text-h3: 24px;
    --text-body-large: 16px;
    --text-body: 14px;
    --spacing-section: 40px;
  }
}