/* ============================================
   THEME: Heidi-inspired
   Warm brown, sandy beige, forest green
   Fonts: Playfair Display (serif) + Inter
   Inspired by heidihealth.com aesthetic
   ============================================ */

:root[data-theme="heidi"] {
  /* Fonts — Cormorant Garamond replicates Heidi's "Exposure" serif */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Inter', system-ui, sans-serif;

  /* Core palette — Heidi-inspired */
  --color-bg: #f9f4f1;
  --color-bg-alt: #f0e9e3;
  --color-bg-light: #e8ddd5;
  --color-bg-card: #faf6f3;
  --color-text: #28030f;
  --color-text-secondary: #4a1a24;
  --color-text-muted: rgba(40, 3, 15, 0.5);
  --color-text-subtle: rgba(40, 3, 15, 0.32);
  --color-accent: #194b22;
  --color-accent-hover: #2b6433;
  --color-highlight: #c9860a;
  --color-border: rgba(40, 3, 15, 0.1);
  --color-border-strong: rgba(40, 3, 15, 0.22);
  --color-divider: rgba(40, 3, 15, 0.06);

  /* Nav */
  --nav-bg: rgba(249, 244, 241, 0.95);
  --nav-height: 4.25rem;

  /* Footer */
  --footer-bg: #28030f;
  --footer-text: rgba(249, 244, 241, 0.45);
  --footer-text-strong: rgba(249, 244, 241, 0.8);
  --footer-border: rgba(249, 244, 241, 0.08);

  /* Buttons */
  --btn-primary-bg: #28030f;
  --btn-primary-text: #f9f4f1;
  --btn-secondary-border: rgba(40, 3, 15, 0.22);

  /* Layout */
  --site-margin: clamp(1.5rem, 5vw, 5rem);
  --max-width: 1280px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 2rem;

  --transition-fast: 200ms ease;
  --transition-med: 300ms ease;
  --transition-slow: 400ms ease;

  --logo-filter: none;
  --holly-bg: #28030f;

  /* Cormorant reads lighter than Playfair — compensate */
  --heading-weight: 400;
  --heading-size-scale: 1.18;
  --heading-tracking: -0.02em;
}