:root {
  /* Colors */
  --bg: #FAFAF7;
  --surface: #FFFFFF;
  --accent: #6B8F71;
  --accent-hover: #82A187;
  --accent-light: rgba(107,143,113,0.10);
  --accent-dark: #4A634E;
  --accent-muted: rgba(107,143,113,0.12);
  --text: #1C1C1E;
  --text-muted: #4A4A48;

  /* Typography */
  --font-heading: 'Cormorant Garamond', serif;
  --font-body: 'Source Sans Pro', sans-serif;

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

  /* Z-Index */
  --z-base: 1;
  --z-sticky: 10;
  --z-navbar: 100;
  --z-modal: 200;
  --z-toast: 300;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.5s ease;

  /* Warm Tones */
  --warm-cream: #F5F0E8;
  --warm-sand: #E8DFD1;
  --warm-blush: rgba(180,140,110,0.08);

  /* Color Scheme */
  color-scheme: light;
}