:root {
  /* Brand colors */
  --color-primary:       #2D8C4E;
  --color-primary-dark:  #1E6337;
  --color-primary-light: #EAF5EE;
  --color-accent:        #F4A423;

  /* Neutrals */
  --color-neutral-900: #111827;
  --color-neutral-700: #374151;
  --color-neutral-500: #6B7280;
  --color-neutral-400: #9CA3AF;
  --color-neutral-200: #E5E7EB;
  --color-neutral-100: #F3F4F6;
  --color-white:       #FFFFFF;

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  --font-size-xs:   0.75rem;
  --font-size-sm:   0.875rem;
  --font-size-base: 1rem;
  --font-size-lg:   1.125rem;
  --font-size-xl:   1.25rem;
  --font-size-2xl:  1.5rem;
  --font-size-3xl:  1.875rem;
  --font-size-4xl:  2.25rem;
  --font-size-5xl:  3rem;

  /* Spacing (8px base) */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Layout */
  --container-max: 1200px;
  --header-height: 72px;

  /* Borders */
  --border-radius:    0.5rem;
  --border-radius-sm: 0.25rem;
  --border-radius-lg: 0.75rem;
  --border-radius-xl: 1rem;

  /* Shadows */
  --shadow-sm:   0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-hover:0 8px 24px rgba(0, 0, 0, 0.14);
  --shadow-lg:   0 16px 40px rgba(0, 0, 0, 0.12);

  /* Transitions */
  --transition-base: 200ms ease;
  --transition-slow: 350ms ease;
}