/* ========================================
   AGARTHA: FALSE GUIDE - Themes
   ======================================== */

/* --- Cyberpunk Neon --- */
body.theme-cyberpunk {
    --bg-color: #050510;
    --overlay-bg-color: rgba(5, 5, 16, 0.95);
    --panel-bg-color: rgba(20, 10, 30, 0.9);

    --ui-bg-color: #1a0b2e;
    --ui-bg-hover-color: #2d1b4e;
    --ui-bg-disabled: #0d0516;

    --border-color: #ff00ff;
    --border-dim-color: #880088;
    --border-hover-color: #00ffff;

    --text-color: #e0f0ff;
    --text-bright-color: #ffffff;
    --text-dim-color: #b0a0e0;
    --text-muted-color: #706090;

    --accent-color: #00e5ff;
    --accent-hover-color: #60f0ff;
    --accent-border-color: #0088aa;
    --accent-glow-color: rgba(0, 229, 255, 0.6);
    --accent-glow-inner: rgba(0, 229, 255, 0.2);

    --danger-color: #ff2a6d;
}

/* --- Minimalist Light --- */
body.theme-minimalist {
    --bg-color: #f5f5f7;
    --overlay-bg-color: rgba(255, 255, 255, 0.98);
    --panel-bg-color: #ffffff;

    --ui-bg-color: #e5e5ea;
    --ui-bg-hover-color: #d1d1d6;
    --ui-bg-disabled: #f2f2f7;

    --border-color: #c7c7cc;
    --border-dim-color: #d1d1d6;
    --border-hover-color: #8e8e93;

    --text-color: #1c1c1e;
    --text-bright-color: #000000;
    --text-dim-color: #636366;
    --text-muted-color: #8e8e93;

    --accent-color: #007aff;
    --accent-hover-color: #3291ff;
    --accent-border-color: #0056b3;
    --accent-glow-color: rgba(0, 122, 255, 0.3);
    --accent-glow-inner: rgba(0, 122, 255, 0.1);

    --danger-color: #ff3b30;
}

/* --- Deep Space --- */
body.theme-deepspace {
    --bg-color: #02020a;
    --overlay-bg-color: rgba(2, 2, 10, 0.98);
    --panel-bg-color: rgba(10, 12, 35, 0.9);

    --ui-bg-color: #0e1225;
    --ui-bg-hover-color: #1c2242;
    --ui-bg-disabled: #05060f;

    --border-color: #2a3b55;
    --border-dim-color: #1a253a;
    --border-hover-color: #4a6b99;

    --text-color: #d0dbe5;
    --text-bright-color: #ffffff;
    --text-dim-color: #7a8ba5;
    --text-muted-color: #4a5b75;

    --accent-color: #7b68ee;
    --accent-hover-color: #9485f0;
    --accent-border-color: #483d8b;
    --accent-glow-color: rgba(123, 104, 238, 0.5);
    --accent-glow-inner: rgba(123, 104, 238, 0.15);

    --danger-color: #ff4757;
}

/* --- Retro Arcade --- */
body.theme-retro {
    --bg-color: #000000;
    --overlay-bg-color: rgba(0, 0, 0, 0.95);
    --panel-bg-color: #000000;

    --ui-bg-color: #001100;
    --ui-bg-hover-color: #002200;
    --ui-bg-disabled: #000500;

    --border-color: #00ff00;
    --border-dim-color: #008800;
    --border-hover-color: #33ff33;

    --text-color: #00ff00;
    --text-bright-color: #ccffcc;
    --text-dim-color: #00aa00;
    --text-muted-color: #006600;

    --accent-color: #00ff00;
    --accent-hover-color: #66ff66;
    --accent-border-color: #00cc00;
    --accent-glow-color: rgba(0, 255, 0, 0.4);
    --accent-glow-inner: rgba(0, 255, 0, 0.1);

    --danger-color: #ff0000;

    --font-main: 'Courier New', Courier, monospace;
}

/* --- Glassmorphism --- */
body.theme-glass {
    --bg-color: #202025; /* Darker grey base */
    --overlay-bg-color: rgba(255, 255, 255, 0.1);
    --panel-bg-color: rgba(255, 255, 255, 0.05);

    --ui-bg-color: rgba(255, 255, 255, 0.1);
    --ui-bg-hover-color: rgba(255, 255, 255, 0.2);
    --ui-bg-disabled: rgba(0, 0, 0, 0.2);

    --border-color: rgba(255, 255, 255, 0.2);
    --border-dim-color: rgba(255, 255, 255, 0.1);
    --border-hover-color: rgba(255, 255, 255, 0.4);

    --text-color: #ffffff;
    --text-bright-color: #ffffff;
    --text-dim-color: rgba(255, 255, 255, 0.6);
    --text-muted-color: rgba(255, 255, 255, 0.4);

    --accent-color: #f0f0f0;
    --accent-hover-color: #ffffff;
    --accent-border-color: rgba(255, 255, 255, 0.5);
    --accent-glow-color: rgba(255, 255, 255, 0.2);
    --accent-glow-inner: rgba(255, 255, 255, 0.1);

    --danger-color: #ff5e57;
}

/* Additional Glassmorphism Effects */
body.theme-glass #dialogue-box,
body.theme-glass .menu-btn,
body.theme-glass #hud-elixir,
body.theme-glass #hud-mission,
body.theme-glass .upgrade-item,
body.theme-glass .level-btn {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}