:root {
  --primary-dark: rgb(13, 66, 62);
  --accent-green: rgb(140, 219, 144);
  --accent-yellow: rgb(255, 209, 93);
  --accent-orange: rgb(255, 147, 100);
  --accent-blue: rgb(187, 208, 255);
  --accent-purple: rgb(216, 190, 255);
  --background-light: rgb(254, 252, 248);
  --background-cream: rgb(252, 248, 237);
  --background-gray: rgb(228, 230, 230);
  --text-dark: rgb(13, 66, 62);
  --text-light: #ffffff;
  --text-gray: #666666;
  
  --font-primary: "Helvetica Neue", Arial, sans-serif;
  --font-size-h1: 82px;
  --font-size-h2: 48px;
  --font-size-h3: 32px;
  --font-size-h4: 24px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  
  --border-radius: 8px;
  --border-radius-large: 16px;
  --border-radius-small: 4px;
  
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-xxl: 64px;
  
  --container-max-width: 1200px;
  --container-padding: 20px;
  
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15);
  --shadow-large: 0 8px 32px rgba(0, 0, 0, 0.2);
}