/* =========================================================
   Sri Ashwin Holistic Care — Design Tokens
   Colors sampled by eye from the reference design screenshot.
   Adjust here if you have exact brand hex codes.
   ========================================================= */
:root {
  /* Core palette */
  --green-900: #163B29;   /* deepest green — footer bg */
  --green-800: #1B4A34;   /* primary dark green — headings, buttons, nav text */
  --green-700: #235A40;   /* hover state */
  --gold-600:  #B8863B;   /* deep gold — borders, small accents */
  --gold-500:  #C9973E;   /* primary gold — icons, outline buttons */
  --gold-400:  #D9AA5F;   /* light gold — hover / highlight */
  --cream-100: #FBF3E6;   /* section backgrounds (features/testimonials) */
  --cream-050: #FDF8F0;   /* page background */
  --white:     #FFFFFF;
  --ink-700:   #3A3A3A;   /* body copy */
  --ink-500:   #6E6E6E;   /* secondary/muted text (taglines) */
  --line:      #E7DCC8;   /* hairline borders on cream */

  /* Typography */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body: 'EB Garamond', 'Georgia', serif;
  --font-nav: 'EB Garamond', 'Georgia', serif;

  /* Spacing scale */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;

  /* Layout */
  --max-width: 1440px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card: 0 8px 24px rgba(27, 74, 52, 0.10);
  --shadow-btn: 0 4px 14px rgba(27, 74, 52, 0.25);
}