/* ══════════════════════════════════════════════════
   THEME 1: POKEBALL — Bold red/white, energetic
   ══════════════════════════════════════════════════ */
[data-theme="pokeball"] {
    --bg: #0F0F0F;
    --bg-alt: #1A1A1A;
    --card-bg: #1E1E1E;
    --stat-bg: #252525;
    --heading: #FFFFFF;
    --text: #B0B0B0;
    --text-muted: #777;
    --accent: #E3350D;
    --accent-hover: #CC2A08;
    --accent-text: #FFFFFF;
    --accent-secondary: #F5C518;
    --border: #2A2A2A;
    --row-hover: rgba(227, 53, 13, 0.06);
    --nav-bg: #141414;
    --nav-text: #DDD;
    --nav-active-bg: #E3350D;
    --nav-active-text: #FFF;
    --header-bg: #1A1A1A;
    --header-border: #333;
    --tab-bg: #252525;
    --tab-active: #E3350D;
    --tab-text: #999;
    --hero-gradient: linear-gradient(135deg, #1A0A08, #0F0F0F);
    --glow: 0 0 40px rgba(227, 53, 13, 0.15);
}

/* ══════════════════════════════════════════════════
   THEME 2: MIDNIGHT — Deep blue/gold, premium
   ══════════════════════════════════════════════════ */
[data-theme="midnight"] {
    --bg: #0B1120;
    --bg-alt: #111B2E;
    --card-bg: #14203A;
    --stat-bg: #1A2744;
    --heading: #EDF2FF;
    --text: #8B9AC7;
    --text-muted: #5C6D99;
    --accent: #F5C518;
    --accent-hover: #E6B800;
    --accent-text: #000000;
    --accent-secondary: #4DA6FF;
    --border: #1F2E4D;
    --row-hover: rgba(245, 197, 24, 0.06);
    --nav-bg: #0D1525;
    --nav-text: #7B8DB8;
    --nav-active-bg: #F5C518;
    --nav-active-text: #000;
    --header-bg: #0B1120;
    --header-border: #1A2744;
    --tab-bg: #1A2744;
    --tab-active: #F5C518;
    --tab-text: #5C6D99;
    --hero-gradient: linear-gradient(135deg, #1A2744, #0B1120);
    --glow: 0 0 40px rgba(245, 197, 24, 0.1);
}

/* ══════════════════════════════════════════════════
   THEME 3: RETRO — Game Boy green, nostalgic
   ══════════════════════════════════════════════════ */
[data-theme="retro"] {
    --bg: #0D1117;
    --bg-alt: #161B22;
    --card-bg: #1A2030;
    --stat-bg: #1F2937;
    --heading: #E6EDF3;
    --text: #8B949E;
    --text-muted: #656D76;
    --accent: #3DDC84;
    --accent-hover: #2BC470;
    --accent-text: #000000;
    --accent-secondary: #58D5E3;
    --border: #21262D;
    --row-hover: rgba(61, 220, 132, 0.06);
    --nav-bg: #0D1117;
    --nav-text: #8B949E;
    --nav-active-bg: #3DDC84;
    --nav-active-text: #000;
    --header-bg: #151B23;
    --header-border: #2A3140;
    --tab-bg: #1F2937;
    --tab-active: #3DDC84;
    --tab-text: #656D76;
    --hero-gradient: linear-gradient(135deg, #1A2030, #0D1117);
    --glow: 0 0 40px rgba(61, 220, 132, 0.1);
}