/* CSS Variables */
:root {
  /* Brand colors */
  --color-primary: #007c34;      /* Primary green */
  --color-primary-hover: #065227; /* Darker green for hover states */
  
  /* Text colors */
  --color-text: #333;
  --color-text-light: #666;
  
  /* Background colors */
  --color-bg-light: #edf7ee;  /* Very light green-tinted background */
  --color-bg-white: #fff;
  
  /* Border colors */
  --color-border-light: #eee;
  --color-border-medium: #c0c0c0;
  --color-border-dark: #bbb;
  
  /* Shadow */
  --shadow-light: 0 2px 5px rgba(0,0,0,0.1);

  /* Additional Colours */
  --color-accent: #4caf50;       /* Lighter green for accents */
  --color-accent-hover: #3d8b40; /* Hover state for accent */
  --color-red-general: #ac1100;  /* Updated red that works with green */
  --color-blue-general: #2980b9; /* Adjusted blue to complement green */
}