/* ==========================================
   MULTI-CLUB THEME SYSTEM
   Theme colors for Elite Padel, Ultrapadel, and Padel XXL
   ========================================== */

/* ==========================================
   ELITE PADEL CLUB - Icy Cyan Theme
   Domain: mix.app.elitepadelclub.pt
   ========================================== */
:root[data-theme="elite"] {
    /* Background */
    --bg-dark: #020a0d;
    --bg-darker: #010507;
    --bg-card: rgba(5, 25, 35, 0.6);
    --bg-card-solid: #051923;
    --bg-card-alt: rgba(8, 35, 50, 0.5);
    --bg-gradient-accent: #031520;

    /* Accent - Icy Cyan */
    --accent-primary: #00d4ff;
    --accent-secondary: #00a8cc;
    --accent-tertiary: #0088aa;
    --accent-dim: #006688;
    --accent-glow: rgba(0, 212, 255, 0.3);
    --accent-frost: rgba(180, 230, 255, 0.1);

    /* Text */
    --text-primary: #e0f4ff;
    --text-secondary: #80c4e0;
    --text-muted: #4a8aa0;

    /* Glass/Border */
    --glass-bg: rgba(5, 30, 45, 0.75);
    --glass-border: rgba(0, 212, 255, 0.15);
    --glass-frost: rgba(200, 240, 255, 0.05);
    --border-glow: rgba(0, 212, 255, 0.25);
    --border-subtle: rgba(0, 212, 255, 0.08);

    /* Status Colors - Live is always red for visibility */
    --live-pulse: #ff3355;
    --live-glow: rgba(255, 51, 85, 0.4);
    --danger: #ff3366;

    /* Podium Colors */
    --accent-gold: #ffd700;
    --accent-silver: #c0c0c0;
    --accent-bronze: #cd7f32;
}

/* ==========================================
   ULTRAPADEL CLUB - Navy Blue + Orange Theme
   Domain: mix.app.ultrapadel.club
   Colors: Navy #11124A, Orange #E07722, White
   ========================================== */
:root[data-theme="ultra"] {
    /* Background - Dark Navy */
    --bg-dark: #0a0a1a;
    --bg-darker: #050510;
    --bg-card: rgba(17, 18, 74, 0.6);
    --bg-card-solid: #11124A;
    --bg-card-alt: rgba(17, 18, 74, 0.5);
    --bg-gradient-accent: #0d0d2a;

    /* Accent - Orange primary */
    --accent-primary: #E07722;
    --accent-secondary: #c46218;
    --accent-tertiary: #11124A;
    --accent-dim: #a85515;
    --accent-glow: rgba(224, 119, 34, 0.3);
    --accent-frost: rgba(224, 119, 34, 0.1);

    /* Text - White based */
    --text-primary: #ffffff;
    --text-secondary: #e0c0a0;
    --text-muted: #9080a0;

    /* Glass/Border */
    --glass-bg: rgba(17, 18, 74, 0.75);
    --glass-border: rgba(224, 119, 34, 0.15);
    --glass-frost: rgba(224, 119, 34, 0.05);
    --border-glow: rgba(224, 119, 34, 0.25);
    --border-subtle: rgba(224, 119, 34, 0.08);

    /* Status Colors - Live is always red for visibility */
    --live-pulse: #ff3355;
    --live-glow: rgba(255, 51, 85, 0.4);
    --danger: #ff3366;

    /* Podium Colors */
    --accent-gold: #ffd700;
    --accent-silver: #c0c0c0;
    --accent-bronze: #cd7f32;
}

/* ==========================================
   PADEL XXL - Black + Lime Green Theme
   Domain: mix.padelxxl.businessgovernance.ai
   Colors: Black background, Lime #14EB1F, White
   ========================================== */
:root[data-theme="padelxxl"] {
    /* Background - Pure Black */
    --bg-dark: #0a0a0a;
    --bg-darker: #000000;
    --bg-card: rgba(20, 20, 20, 0.6);
    --bg-card-solid: #141414;
    --bg-card-alt: rgba(25, 25, 25, 0.5);
    --bg-gradient-accent: #0a1a0a;

    /* Accent - Lime Green */
    --accent-primary: #14EB1F;
    --accent-secondary: #10c019;
    --accent-tertiary: #0d9514;
    --accent-dim: #0a7010;
    --accent-glow: rgba(20, 235, 31, 0.3);
    --accent-frost: rgba(20, 235, 31, 0.1);

    /* Text - White based */
    --text-primary: #ffffff;
    --text-secondary: #c0e0c0;
    --text-muted: #708070;

    /* Glass/Border */
    --glass-bg: rgba(10, 20, 10, 0.75);
    --glass-border: rgba(20, 235, 31, 0.15);
    --glass-frost: rgba(20, 235, 31, 0.05);
    --border-glow: rgba(20, 235, 31, 0.25);
    --border-subtle: rgba(20, 235, 31, 0.08);

    /* Status Colors - Live is always red for visibility */
    --live-pulse: #ff3355;
    --live-glow: rgba(255, 51, 85, 0.4);
    --danger: #ff3366;

    /* Podium Colors */
    --accent-gold: #ffd700;
    --accent-silver: #c0c0c0;
    --accent-bronze: #cd7f32;
}

/* ==========================================
   TV PAGE THEME OVERRIDES
   Higher contrast for outdoor visibility
   Uses body.tv-page with data-theme attribute
   ========================================== */

/* Elite TV - Icy Cyan/Green for outdoor TV visibility */
body.tv-page[data-theme="elite"] {
    --accent-primary: #00d4ff;
    --accent-secondary: #00a8cc;
    --accent-glow: rgba(0, 212, 255, 0.3);
    --bg-dark: #020a0d;
    --bg-darker: #010507;
    --bg-gradient-accent: #031520;
    --text-primary: #e0f4ff;
    --text-secondary: #80c4e0;
    --text-muted: #4a8aa0;
    --glass-bg: rgba(5, 30, 45, 0.75);
    --glass-border: rgba(0, 212, 255, 0.15);
    --border-glow: rgba(0, 212, 255, 0.25);
    --border-subtle: rgba(0, 212, 255, 0.08);
    --live-pulse: #ff3355;
    --live-glow: rgba(255, 51, 85, 0.5);
}

/* Ultra TV - Brighter orange for visibility */
body.tv-page[data-theme="ultra"] {
    --accent-primary: #ff8833;
    --accent-secondary: #E07722;
    --accent-glow: rgba(255, 136, 51, 0.3);
    --bg-dark: #0a0a1a;
    --bg-darker: #050510;
    --bg-gradient-accent: #0d0d2a;
    --text-primary: #ffffff;
    --text-secondary: #ffcc99;
    --text-muted: #aa8866;
    --glass-bg: rgba(17, 18, 74, 0.8);
    --glass-border: rgba(255, 136, 51, 0.15);
    --border-glow: rgba(255, 136, 51, 0.2);
    --border-subtle: rgba(255, 136, 51, 0.1);
    --live-pulse: #ff3355;
    --live-glow: rgba(255, 51, 85, 0.5);
}

/* Padel XXL TV - Brighter lime for visibility */
body.tv-page[data-theme="padelxxl"] {
    --accent-primary: #22ff33;
    --accent-secondary: #14EB1F;
    --accent-glow: rgba(34, 255, 51, 0.3);
    --bg-dark: #0a0a0a;
    --bg-darker: #000000;
    --bg-gradient-accent: #0a1a0a;
    --text-primary: #ffffff;
    --text-secondary: #aaffaa;
    --text-muted: #66aa66;
    --glass-bg: rgba(10, 20, 10, 0.8);
    --glass-border: rgba(34, 255, 51, 0.15);
    --border-glow: rgba(34, 255, 51, 0.2);
    --border-subtle: rgba(34, 255, 51, 0.1);
    --live-pulse: #ff3355;
    --live-glow: rgba(255, 51, 85, 0.5);
}