:root {
  /* Brand Colors */
  --color-primary: #8DC63F; /* Green */
  --color-primary-dark: #7baf32; /* Darker Green */
  --color-primary-light: #d3eab0; /* Lighter Green */
  --color-primary-lightest: #e8f5d9; /* Lightest Green */
  --color-primary-bg: #f5f9ed; /* Very Light Green Background */
  
  --color-secondary: #123353; /* Dark Blue */
  --color-secondary-dark: #0e2940; /* Darker Blue */
  --color-secondary-light: #1a4066; /* Lighter Blue */
  
  /* Grayscale */
  --color-white: #ffffff;
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  
  /* Utility Colors */
  --color-error: #dc2626;
}