:root {
  /* Brand Colors */
  --primary-green: #84C440;
  --primary-blue: #002850;
  --dark-green: #2d4311;
  
  /* Neutrals */
  --light-grey: #f6f6f6;
  --white: #ffffff;
  --text-dark: #333333;
  --text-muted: #666666;
  --border-color: #e5e5e5;
  
  /* System Colors */
  --success: #28a745;
  --danger: #dc3545;
  --warning: #ffc107;
  --info: #17a2b8;

  /* Typography */
  --font-main: 'Inter', sans-serif;
  
  /* Spacing & Layout */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-xxl: 3rem;
  --container-width: 1200px;
  
  /* Effects */
  --border-radius: 8px;
  --border-radius-lg: 12px;
  --box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --box-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --transition: all 0.3s ease;
}