/* Global Color Variables - Used across all CSS files */
:root {
  --color-bg-light: #f2f2f2;
  --color-bg-primary: #ffffff;
  --color-bg-footer: #f4f4f4;
  --color-bg-overlay: rgba(0, 0, 0, 0.5);
  --color-bg-overlay-light: rgba(255, 255, 255, 0.4);
  --color-bg-header: rgba(246, 246, 246, 0.6);
  --color-bg-semi-white: rgba(255, 255, 255, 0.9);
  --color-bg-light-gray: rgba(240, 240, 240, 1);
  
  --color-text-primary: #000000;
  --color-text-secondary: #555555;
  --color-text-tertiary: #222222;
  --color-text-heading: #444444;
  --color-text-light-gray: #666666;
  --color-text-light: #ffffff;
  
  --color-border: #cccccc;
  --color-border-light: #dddddd;
  
  --color-shadow-light: rgba(0, 0, 0, 0.05);
  --color-shadow-medium: rgba(0, 0, 0, 0.1);
}