:root {
  /* Primary Colors */
  --primary-green: #087348;      
  --primary-gold: #D4AF37;       
  
  /* Secondary Colors */
  --secondary-green-light: #4CAF50; 
  --secondary-red: #C62828;      
  --secondary-blue: #1565C0;     
  
  /* Neutral Colors */
  --neutral-white: #FFFFFF;      
  --neutral-black: #000000;      
  --neutral-gray-light: #F5F5F5; 
  --neutral-gray-medium: #E0E0E0;
  --neutral-gray-dark: #757575;  
  
  /* Gradient Colors */
  --gradient-primary: linear-gradient(to right, var(--primary-green), var(--secondary-green-light));
  --gradient-secondary: linear-gradient(to right, var(--secondary-blue), var(--primary-green));
  
  /* Transparent Colors */
  --primary-green-transparent: rgba(8, 115, 72, 0.9);
  --primary-gold-transparent: rgba(212, 175, 55, 0.9);
  
  /* Shadow Effects */
  --shadow-light: 0 2px 5px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.15);
  --shadow-dark: 0 8px 16px rgba(0, 0, 0, 0.2);
  
  /* Border Radius */
  --border-radius-small: 4px;
  --border-radius-medium: 8px;
  --border-radius-large: 12px;
  --border-radius-circle: 50%;
  
  /* Spacing */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  
  /* Font Sizes */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 24px;
  --font-size-xxl: 32px;
  
  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}