:root {
  /* Colors */
  --color-bg-light-start: #efefef;
  --color-bg-light-end: #e9ecef;
  --color-text-primary: #333;
  --color-text-secondary: #666;
  --color-text-muted: #999;
  --color-primary: #007bff;
  --color-primary-hover: #0056b3;
  --color-secondary: #6c757d;
  --color-white: #fff;
  --color-black: #f3aa0c;
  --color-gray-light: #eee;
  --color-gray-border: #e5e5e5;
  --color-gray-shadow: rgba(0, 0, 0, 0.1);
  --color-text-link-hover: #0d6efd;
  --color-header-contact: #ccc;
  --color-header-contact-hover: #fff;
  --color-divider: #666;
  --color-bg-light: #f8f9fa;
  --color-text-dark: #212529;
  --color-text-secondary: #6c757d;
  --color-bg-white: #fff;
  --color-shadow-light: rgba(0, 0, 0, 0.05);
  --color-shadow-medium: rgba(0, 0, 0, 0.1);
  --color-primary-hover-dark: #0056b3;
  --color-bg-light: #f8f9fa; /* from previous */
  --color-bg-white: #fff;
  --color-border-light: #e5e5e5;
  --color-shadow-light: rgba(0, 0, 0, 0.03);
  --color-shadow-medium: rgba(0, 0, 0, 0.1);
  --color-text-dark: #212529;
  --color-text-dark-alt: #1e1e1e;
  --color-text-medium: #555;
  --color-text-secondary: #666;
  --color-primary: #007bff;
  --color-primary-hover-dark: #0056b3;
}