/**
 * BannerCast - Dark Theme
 * 
 * Neon gaming theme - dark background with bright accent colors
 * This is the default theme.
 * 
 * WCAG 2.2 AAA Contrast Ratios (minimum 7:1 for normal text):
 * - --color-text (#FFFFFF) on --color-bg (#0A0A10): 19.5:1 ✓ AAA
 * - --color-text-muted (#A5A5B5) on --color-bg (#0A0A10): 7.1:1 ✓ AAA
 * - --color-text-light (#8A8A9C) on --color-bg (#0A0A10): 4.8:1 ✓ AA
 * - --color-primary (#00F0FF) on --color-bg (#0A0A10): 12.5:1 ✓ AAA
 * - --color-error (#FF8A95) on --color-bg (#0A0A10): 7.2:1 ✓ AAA
 * - --color-success (#4ADE80) on --color-bg (#0A0A10): 10.1:1 ✓ AAA
 * - --color-warning (#FFB833) on --color-bg (#0A0A10): 9.8:1 ✓ AAA
 * - --color-info (#60A5FA) on --color-bg (#0A0A10): 8.4:1 ✓ AAA
 */

[data-theme="dark"] {
  /* ================================
     BACKGROUND COLORS
     ================================ */
  
  --color-bg: #0A0A10;
  --color-bg-secondary: #12121A;
  --color-bg-tertiary: #1A1A24;
  --color-bg-card: #16161E;
  --color-bg-inverse: #FFFFFF;
  --color-bg-hover: rgba(255, 255, 255, 0.05);
  --color-bg-active: rgba(255, 255, 255, 0.1);
  
  /* Gradients */
  --gradient-bg: linear-gradient(135deg, #0A0A10 0%, #12121A 50%, #0A0A10 100%);
  --gradient-card: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0) 100%);
  
  /* ================================
     TEXT COLORS
     ================================ */
  
  --color-text: #FFFFFF;
  --color-text-muted: #A5A5B5;
  --color-text-light: #8A8A9C;
  --color-text-inverse: #0A0A10;
  --color-text-link: var(--color-primary);
  --color-text-link-hover: var(--color-secondary);
  
  /* ================================
     PRIMARY COLORS (Neon Gaming)
     ================================ */
  
  --color-primary: #00F0FF;
  --color-primary-hover: #00D4E0;
  --color-primary-active: #00B8C4;
  --color-primary-glow: rgba(0, 240, 255, 0.4);
  --color-primary-rgb: 0, 240, 255;
  
  --color-secondary: #FF00AA;
  --color-secondary-hover: #E0009A;
  --color-secondary-active: #C4008A;
  --color-secondary-glow: rgba(255, 0, 170, 0.4);
  
  --color-accent: #AAFF00;
  --color-accent-glow: rgba(170, 255, 0, 0.4);
  
  /* ================================
     BORDER COLORS
     ================================ */
  
  --color-border: rgba(255, 255, 255, 0.1);
  --color-border-strong: rgba(255, 255, 255, 0.2);
  --color-border-light: rgba(255, 255, 255, 0.05);
  --color-border-focus: var(--color-primary);
  --color-border-glow: var(--color-primary-glow);
  
  /* ================================
     STATUS COLORS
     ================================ */
  
  --color-error: #FF8A95;
  --color-error-bg: rgba(255, 107, 120, 0.1);
  --color-error-border: rgba(255, 107, 120, 0.3);
  
  --color-warning: #FFB833;
  --color-warning-bg: rgba(255, 184, 51, 0.1);
  --color-warning-border: rgba(255, 184, 51, 0.3);
  
  --color-success: #4ADE80;
  --color-success-bg: rgba(74, 222, 128, 0.1);
  --color-success-border: rgba(74, 222, 128, 0.3);
  
  --color-info: #60A5FA;
  --color-info-bg: rgba(96, 165, 250, 0.1);
  --color-info-border: rgba(96, 165, 250, 0.3);
  
  /* LIVE indicator */
  --color-live: #FF0040;
  --color-live-glow: rgba(255, 0, 64, 0.6);
  
  /* ================================
     SHADOWS & EFFECTS
     ================================ */
  
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.6);
  
  /* Neon glow effects */
  --glow-primary: 0 0 20px var(--color-primary-glow), 0 0 40px var(--color-primary-glow);
  --glow-secondary: 0 0 20px var(--color-secondary-glow), 0 0 40px var(--color-secondary-glow);
  --glow-accent: 0 0 20px var(--color-accent-glow), 0 0 40px var(--color-accent-glow);
  --glow-live: 0 0 10px var(--color-live-glow), 0 0 20px var(--color-live-glow);
  
  /* ================================
     FOCUS (A11Y)
     ================================ */
  
  --focus-ring-color: var(--color-primary);
  
  /* ================================
     SCROLLBAR
     ================================ */
  
  --scrollbar-track: var(--color-bg-secondary);
  --scrollbar-thumb: var(--color-border-strong);
  --scrollbar-thumb-hover: var(--color-text-muted);
  
  /* ================================
     SELECTION
     ================================ */
  
  --selection-bg: var(--color-primary);
  --selection-text: var(--color-text-inverse);
}