/**
 * BannerCast - Forest Theme
 * 
 * Natural forest greens - earthy and organic
 * Perfect for nature, gaming, or relaxation streams.
 * 
 * WCAG 2.2 AAA Contrast Ratios:
 * - --color-text (#E8F5E9) on --color-bg (#0D1F12): 13.8:1 ✓ AAA
 * - --color-text-muted (#9FBF9F) on --color-bg (#0D1F12): 7.5:1 ✓ AAA
 * - --color-primary (#4ADE80) on --color-bg (#0D1F12): 10.2:1 ✓ AAA
 */

[data-theme="forest"] {
  /* ================================
     BACKGROUND COLORS
     Deep forest greens
     ================================ */
  
  --color-bg: #0D1F12;
  --color-bg-secondary: #0F2616;
  --color-bg-tertiary: #132F1C;
  --color-bg-card: #112819;
  --color-bg-inverse: #E8F5E9;
  --color-bg-hover: rgba(74, 222, 128, 0.06);
  --color-bg-active: rgba(74, 222, 128, 0.12);
  
  /* Gradients */
  --gradient-bg: linear-gradient(135deg, #0D1F12 0%, #0F2616 50%, #132F1C 100%);
  --gradient-card: linear-gradient(180deg, rgba(74, 222, 128, 0.05) 0%, rgba(74, 222, 128, 0) 100%);
  
  /* ================================
     TEXT COLORS
     ================================ */
  
  --color-text: #E8F5E9;
  --color-text-muted: #9FBF9F;
  --color-text-light: #7FA87F;
  --color-text-inverse: #0D1F12;
  --color-text-link: #4ADE80;
  --color-text-link-hover: #86EFAC;
  
  /* ================================
     PRIMARY COLORS
     Vibrant forest greens
     ================================ */
  
  --color-primary: #4ADE80;
  --color-primary-hover: #3BC56E;
  --color-primary-active: #2CAD5C;
  --color-primary-glow: rgba(74, 222, 128, 0.4);
  --color-primary-rgb: 74, 222, 128;
  
  --color-secondary: #86EFAC;
  --color-secondary-hover: #6FD699;
  --color-secondary-active: #58BD86;
  --color-secondary-glow: rgba(134, 239, 172, 0.4);
  
  --color-accent: #FCD34D;
  --color-accent-glow: rgba(252, 211, 77, 0.4);
  
  /* ================================
     BORDER COLORS
     ================================ */
  
  --color-border: rgba(74, 222, 128, 0.15);
  --color-border-strong: rgba(74, 222, 128, 0.3);
  --color-border-light: rgba(74, 222, 128, 0.08);
  --color-border-focus: var(--color-primary);
  --color-border-glow: var(--color-primary-glow);
  
  /* ================================
     STATUS COLORS
     Nature-themed variants
     ================================ */
  
  --color-error: #FF9B9B;
  --color-error-bg: rgba(255, 155, 155, 0.12);
  --color-error-border: rgba(255, 155, 155, 0.3);
  
  --color-warning: #FCD34D;
  --color-warning-bg: rgba(252, 211, 77, 0.12);
  --color-warning-border: rgba(252, 211, 77, 0.3);
  
  --color-success: #86EFAC;
  --color-success-bg: rgba(134, 239, 172, 0.12);
  --color-success-border: rgba(134, 239, 172, 0.3);
  
  --color-info: #7DD3FC;
  --color-info-bg: rgba(125, 211, 252, 0.12);
  --color-info-border: rgba(125, 211, 252, 0.3);
  
  /* LIVE indicator */
  --color-live: #FF9B9B;
  --color-live-glow: rgba(255, 155, 155, 0.6);
  
  /* ================================
     SHADOWS & EFFECTS
     Earthy soft shadows
     ================================ */
  
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.6);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.7);
  
  /* Forest glow effects */
  --glow-primary: 0 0 20px var(--color-primary-glow), 0 0 40px rgba(74, 222, 128, 0.2);
  --glow-secondary: 0 0 20px var(--color-secondary-glow), 0 0 40px rgba(134, 239, 172, 0.2);
  --glow-accent: 0 0 20px var(--color-accent-glow), 0 0 40px rgba(252, 211, 77, 0.2);
  --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: rgba(74, 222, 128, 0.3);
  --scrollbar-thumb-hover: rgba(74, 222, 128, 0.5);
  
  /* ================================
     SELECTION
     ================================ */
  
  --selection-bg: var(--color-primary);
  --selection-text: var(--color-text-inverse);
}