/**
 * Theme: Fire (Default)
 * Inspired by: Peloton, Zwift
 * Vibe: Aggressive, high-energy, intense
 */

[data-theme="fire"] {
    /* Brand Colors */
    --theme-primary: #ff3232;
    --theme-primary-light: #ff6b6b;
    --theme-secondary: #ff8c00;
    --theme-accent: #ff0066;
    --theme-gradient: linear-gradient(135deg, #ff3232 0%, #ff8c00 50%, #ff0066 100%);
    
    /* Backgrounds */
    --theme-bg-dark: #0a0e27;
    --theme-bg-medium: #1a1f3a;
    --theme-bg-glow-1: rgba(255, 50, 50, 0.15);
    --theme-bg-glow-2: rgba(255, 165, 0, 0.15);
    --theme-bg-glow-3: rgba(255, 0, 100, 0.1);
    
    /* Cards */
    --theme-card-bg: linear-gradient(135deg, rgba(20, 25, 50, 0.9) 0%, rgba(30, 35, 60, 0.9) 100%);
    --theme-card-border: rgba(255, 100, 100, 0.3);
    --theme-card-border-hover: rgba(255, 100, 100, 0.6);
    --theme-card-glow: rgba(255, 50, 50, 0.3);
    
    /* Buttons */
    --theme-btn-bg: linear-gradient(135deg, rgba(255, 50, 50, 0.2) 0%, rgba(255, 140, 0, 0.2) 100%);
    --theme-btn-border: rgba(255, 100, 100, 0.5);
    --theme-btn-hover-bg: linear-gradient(135deg, rgba(255, 50, 50, 0.4) 0%, rgba(255, 140, 0, 0.4) 100%);
    --theme-btn-glow: 0 4px 15px rgba(255, 50, 50, 0.3);
    --theme-btn-glow-hover: 0 8px 25px rgba(255, 50, 50, 0.5);
    
    /* Connected state */
    --theme-connected-bg: linear-gradient(135deg, rgba(0, 255, 100, 0.3) 0%, rgba(0, 200, 255, 0.3) 100%);
    --theme-connected-border: rgba(0, 255, 100, 0.6);
    --theme-connected-glow: 0 4px 20px rgba(0, 255, 100, 0.4);
    
    /* Text */
    --theme-text-accent: #ff6b6b;
    --theme-text-secondary-accent: #ff8c00;
    
    /* Shadows */
    --theme-shadow-glow: 0 0 30px rgba(255, 50, 50, 0.5);
    --theme-shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
    
    /* Progress bar */
    --theme-progress-bg: linear-gradient(90deg, #ff3232 0%, #ff8c00 50%, #ff0066 100%);
    --theme-progress-glow: 0 0 15px rgba(255, 50, 50, 0.8);
}