/* Light Theme - Color Variables Only */

/* Light theme overrides */
.theme-light:root {
  /* Light Theme Colors - WCAG AA Compliant */
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-tertiary: #f1f5f9;
  --bg-card: #ffffff;
  --bg-header: linear-gradient(135deg, #f8f9fa 0%, #e2e8f0 100%);
  --bg-hero: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  --bg-footer: linear-gradient(135deg, #f8f9fa 0%, #e2e8f0 100%);

  --text-primary: #1a202c;
  /* Better contrast: 16.1:1 */
  --text-secondary: #374151;
  /* Better contrast: 9.7:1 */
  --text-tertiary: #6b7280;
  /* Better contrast: 4.6:1 */
  --text-accent: #111827;
  /* Better contrast: 19.9:1 */
  --text-muted: #6b7280;
  /* Better contrast: 4.6:1 */

  --border-primary: #e5e7eb;
  --border-secondary: #cbd5e1;
  --border-focus: #9ca3af;

  --shadow-primary: rgba(0, 0, 0, 0.06);
  --shadow-secondary: rgba(0, 0, 0, 0.1);
  --shadow-hover: rgba(30, 64, 175, 0.15);

  /* Brand/Accent Colors */
  --primary-color: #2563eb;
  /* Primary Blue */
  --color-accent: #3b82f6;
  /* Blue accent */
  --color-highlight: #1e40af;
  /* Darker blue highlight for stats */
  --color-success: #059669;
  /* Green */
  --color-warning: #d97706;
  /* Orange */

  /* Button Colors */
  --btn-primary-bg: #2563eb;
  /* Slightly different blue for light theme */
  --btn-primary-hover: #1d4ed8;
  /* Darker blue on hover */
  --primary-hover: #1d4ed8;
  /* Text Link Hover same as button hover */

  /* Additional UI Colors */
  --accent-primary: #3b82f6;
  /* Same as color-accent */
  --bg-hover: #f1f5f9;
  /* Light gray for hover states */

  /* Banner Variables */
  --banner-bg: #f8f9fa;
  /* Light background for banner in light theme */
  --banner-text: #1a202c;
  /* Dark text for banner in light theme */

  /* Theme Toggle Colors */
  --theme-toggle-bg: rgba(255,
      255,
      255,
      0.9);
  /* Opaque white background for light theme */
  --theme-toggle-hover: rgba(243,
      244,
      246,
      0.95);
  /* Slightly darker on hover */
  --theme-toggle-icon: #1f2937;
  /* Dark gray icon for light theme */
}