:root {
  /* Primary Colors */
  --color-primary-green: #045c2f;
  --color-primary-hover: #067a3f;
  --color-secondary-yellow: #ffc107;
  --color-bg-cream: #fdfdfa;
  --color-text-dark: #1a1a1a;
  --color-text-light: #666666;
  --color-white: #ffffff;

  /* Sizing & Spacing */
  --container-max-width: 1280px;
  --section-padding-y: 5rem;
  --border-radius-card: 12px;
  --border-radius-button: 8px;
  --transition-speed: 0.3s ease-in-out;

  /* Typography */
  --font-size-base: 16px;
  --h1-desktop: 3.5rem;
  --h1-mobile: 2.5rem;
  --h2-desktop: 2.5rem;
  --h2-mobile: 2rem;
}