:root {
  /* Brand Colors */
  --color-primary: #94C15F;
  --color-primary-dark: #7FAB4A;
  --color-primary-light: #A8CE7F;
  --color-primary-pale: #E8F3DC;

  /* Semantic Colors */
  --color-success: #94C15F;
  --color-success-dark: #7FAB4A;
  --color-success-light: #A8CE7F;
  --color-success-pale: #E8F3DC;

  --color-warning: #F59E0B;
  --color-warning-dark: #D97706;
  --color-warning-light: #FBBF24;
  --color-warning-pale: #FEF3C7;

  --color-error: #DC2626;
  --color-error-dark: #B91C1C;
  --color-error-light: #EF4444;
  --color-error-pale: #FEE2E2;

  --color-info: #3B82F6;
  --color-info-dark: #2563EB;
  --color-info-light: #60A5FA;
  --color-info-pale: #DBEAFE;

  /* Neutral Grays */
  --color-gray-50: #F9FAFB;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;
  --color-gray-500: #6B7280;
  --color-gray-600: #4B5563;
  --color-gray-700: #374151;
  --color-gray-800: #1F2937;
  --color-gray-900: #111827;

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', Menlo, Monaco, Consolas, monospace;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;

  /* Spacing (4px base unit) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  /* Component-specific tokens */
  --button-height: 40px;
  --input-height: 40px;
  --focus-ring: 0 0 0 3px var(--color-primary-pale);
  --transition-fast: 150ms ease;
  --transition-normal: 200ms ease;
}