:root {
  /* Colors */
  --color-primary: #2CB34D;
  --color-primary-dark: #1F8238;
  --color-accent: #ADAEB2;
  --color-accent-hover: #8C8D91;
  --color-background: #FFFFFF;
  --color-surface: #F7F8FA;
  --color-text: #1A1A2E;
  --color-text-secondary: #4A5568;
  --color-text-light: #FFFFFF;
  --color-border: #E2E8F0;
  --color-success: #2D7D46;
  --color-error: #C53030;
  --color-star: #FBBF24;

  /* Typography */
  --font-primary: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* Spacing */
  --spacing-1: 8px;
  --spacing-2: 16px;
  --spacing-3: 24px;
  --spacing-4: 32px;
  --spacing-5: 40px;
  --spacing-6: 48px;
  --spacing-8: 64px;
  --spacing-10: 80px;

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

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 2px 8px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
  
  /* Container Max Width */
  --container-width: 1200px;
}