/* TeamLMI Design Tokens - Color System */
:root {
  /* Brand Colors - TeamLMI Blue Theme */
  --color-primary: #0066cc;        /* Main brand blue */
  --color-primary-dark: #004499;   /* Darker blue for hover states */
  --color-primary-light: #3399ff;  /* Lighter blue for backgrounds */
  --color-accent: #ff6600;         /* Orange accent for CTAs */
  
  /* Extended Blues (matching original site) */
  --color-blue-50: #e6f2ff;
  --color-blue-100: #b3d9ff;
  --color-blue-200: #80bfff;
  --color-blue-300: #4da6ff;
  --color-blue-400: #1a8cff;
  --color-blue-500: #0066cc;  /* Primary */
  --color-blue-600: #0052a3;
  --color-blue-700: #003d7a;
  --color-blue-800: #002952;
  --color-blue-900: #001429;
  
  /* Neutral Colors */
  --color-white: #ffffff;
  --color-gray-50: #f8f9fa;
  --color-gray-100: #f1f3f5;
  --color-gray-200: #e9ecef;
  --color-gray-300: #dee2e6;
  --color-gray-400: #ced4da;
  --color-gray-500: #adb5bd;
  --color-gray-600: #6c757d;
  --color-gray-700: #495057;
  --color-gray-800: #343a40;
  --color-gray-900: #212529;
  --color-black: #000000;
  
  /* Semantic Colors */
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-danger: #dc3545;
  --color-info: #17a2b8;
  
  /* Text Colors */
  --color-text-primary: #333333;
  --color-text-secondary: #666666;
  --color-text-muted: #999999;
  --color-text-inverse: #ffffff;
  
  /* Background Colors */
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8f9fa;
  --color-bg-tertiary: #e9ecef;
  --color-bg-hero: #0066cc;
  --color-bg-footer: #f8f9fa;
  
  /* Section Backgrounds (TeamLMI specific) */
  --color-section-blue: #0066cc;
  --color-section-light-blue: #e6f2ff;
  --color-section-white: #ffffff;
  --color-section-gray: #f8f9fa;
  
  /* Border Colors */
  --color-border-light: #dee2e6;
  --color-border-medium: #ced4da;
  --color-border-dark: #adb5bd;
  
  /* Shadow Colors */
  --color-shadow: rgba(0, 0, 0, 0.1);
  --color-shadow-dark: rgba(0, 0, 0, 0.2);
}