/* ===== DEFAULT THEME: SPACE ===== */
body {
  --bg: #000020;
  --bg-image: radial-gradient(3px 3px at 20px 30px, #fff, transparent), radial-gradient(2px 2px at 200px 80px, #eee, transparent), radial-gradient(3px 3px at 350px 150px, #fff, transparent), radial-gradient(2px 2px at 500px 50px, #ddd, transparent), radial-gradient(3px 3px at 150px 200px, #fff, transparent), radial-gradient(2px 2px at 450px 180px, #eee, transparent);
  --bg-size: 650px 250px;
  --font-body: "Comic Sans MS", "Comic Sans", "Chalkboard SE", cursive;
  --font-heading: "Times New Roman", Times, serif;
  --font-mono: "Courier New", Courier, monospace;
  --text: #00ff00;
  --table-bg: #000040;
  --table-border: 4px outset #4444ff;
  --cell-bg: #000030;
  --cell-border: 2px inset #6666cc;
  --hero-bg: linear-gradient(180deg, #000060 0%, #000040 100%);
  --neon-color: #ff00ff;
  --neon-shadow: 0 0 7px #ff00ff, 0 0 10px #ff00ff, 0 0 21px #ff00ff, 0 0 42px #ff00ff, 2px 2px 2px #000;
  --subtitle-color: #ffff00;
  --marquee-color: #00ffff;
  --marquee-bg: #000020;
  --marquee-border: 1px inset #4444aa;
  --beer-bg: linear-gradient(180deg, #200000 0%, #300000 100%);
  --beer-border: 3px ridge #ff4444;
  --section-title: #ffaa00;
  --question-color: #ffcc00;
  --beer-yes: #00ff00;
  --beer-yes-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00, 3px 3px 0 #003300;
  --beer-no: #ff0000;
  --beer-no-shadow: 0 0 10px #ff0000, 0 0 20px #ff0000, 3px 3px 0 #330000;
  --countdown: #ffaa00;
  --therm-title: #ffaa00;
  --therm-display: #00ffff;
  --therm-display-shadow: 0 0 5px #00ffff, 2px 2px 0 #000;
  --therm-bar-bg: #111;
  --therm-bar-border: 2px inset #555;
  --chart-bg: #000010;
  --chart-border: 1px inset #333;
  --info-bg: #000020;
  --status: #00ff00;
  --footer-bg: #000020;
  --footer-border: 2px ridge #4444aa;
  --link: #ffff00;
  --link-hover: #ffffff;
  --link-hover-bg: #ff00ff;
  --visitor-color: #00ff00;
  --visitor-bg: #001100;
  --sparkle-shadow: none;
}

/* ===== THEME 2: FIRE ===== */
body[data-theme="fire"] {
  --bg: #200000;
  --bg-image: radial-gradient(3px 3px at 30px 40px, #ff4400, transparent), radial-gradient(2px 2px at 180px 60px, #ffaa00, transparent), radial-gradient(3px 3px at 300px 120px, #ff6600, transparent), radial-gradient(2px 2px at 480px 90px, #ff3300, transparent), radial-gradient(3px 3px at 120px 180px, #ff8800, transparent), radial-gradient(2px 2px at 400px 160px, #ff5500, transparent);
  --bg-size: 550px 220px;
  --font-body: Impact, "Arial Black", sans-serif;
  --font-heading: Georgia, "Times New Roman", serif;
  --text: #ff6600;
  --table-bg: #300000;
  --table-border: 4px outset #cc3300;
  --cell-bg: #200000;
  --cell-border: 2px inset #ff4400;
  --hero-bg: linear-gradient(180deg, #500000 0%, #300000 100%);
  --neon-color: #ff0000;
  --neon-shadow: 0 0 7px #ff0000, 0 0 10px #ff0000, 0 0 21px #ff4400, 0 0 42px #ff6600, 2px 2px 2px #300000;
  --subtitle-color: #ffaa00;
  --marquee-color: #ffcc00;
  --marquee-bg: #200000;
  --marquee-border: 1px inset #cc3300;
  --beer-bg: linear-gradient(180deg, #400000 0%, #500000 100%);
  --beer-border: 3px ridge #ff6600;
  --section-title: #ff8800;
  --question-color: #ffcc00;
  --beer-yes: #ff4400;
  --beer-yes-shadow: 0 0 10px #ff4400, 0 0 20px #ff6600, 3px 3px 0 #330000;
  --beer-no: #cc0000;
  --beer-no-shadow: 0 0 10px #cc0000, 0 0 20px #880000, 3px 3px 0 #220000;
  --countdown: #ff8800;
  --therm-title: #ff8800;
  --therm-display: #ff4400;
  --therm-display-shadow: 0 0 5px #ff4400, 2px 2px 0 #300000;
  --therm-bar-bg: #1a0000;
  --therm-bar-border: 2px inset #cc3300;
  --chart-bg: #0a0000;
  --chart-border: 1px inset #552200;
  --info-bg: #200000;
  --status: #ff4400;
  --footer-bg: #200000;
  --footer-border: 2px ridge #cc3300;
  --link: #ffaa00;
  --link-hover: #ffffff;
  --link-hover-bg: #ff0000;
  --visitor-color: #ff6600;
  --visitor-bg: #1a0000;
}

/* ===== THEME 3: OCEAN ===== */
body[data-theme="ocean"] {
  --bg: #001030;
  --bg-image: linear-gradient(0deg, #001040 0%, transparent 3px), linear-gradient(0deg, #002060 0%, transparent 6px), linear-gradient(0deg, #003080 0%, transparent 9px);
  --bg-size: 100% 12px;
  --font-body: Arial, Verdana, sans-serif;
  --font-heading: Verdana, Arial, sans-serif;
  --text: #00ccff;
  --table-bg: #001040;
  --table-border: 4px outset #0066cc;
  --cell-bg: #000830;
  --cell-border: 2px inset #0088dd;
  --hero-bg: linear-gradient(180deg, #002060 0%, #001040 100%);
  --neon-color: #00ffff;
  --neon-shadow: 0 0 7px #00ffff, 0 0 10px #0088ff, 0 0 21px #0066cc, 0 0 42px #0044aa, 2px 2px 2px #000020;
  --subtitle-color: #88ddff;
  --marquee-color: #ffffff;
  --marquee-bg: #001040;
  --marquee-border: 1px inset #0066cc;
  --beer-bg: linear-gradient(180deg, #001830 0%, #002040 100%);
  --beer-border: 3px ridge #0088ff;
  --section-title: #44aaff;
  --question-color: #88ccff;
  --beer-yes: #00ff88;
  --beer-yes-shadow: 0 0 10px #00ff88, 0 0 20px #00cc66, 3px 3px 0 #002211;
  --beer-no: #0088ff;
  --beer-no-shadow: 0 0 10px #0088ff, 0 0 20px #0066cc, 3px 3px 0 #001122;
  --countdown: #44aaff;
  --therm-title: #44aaff;
  --therm-display: #00ffff;
  --therm-display-shadow: 0 0 5px #00ffff, 2px 2px 0 #001030;
  --therm-bar-bg: #001020;
  --therm-bar-border: 2px inset #004488;
  --chart-bg: #000810;
  --chart-border: 1px inset #003366;
  --info-bg: #001030;
  --status: #00ff88;
  --footer-bg: #001030;
  --footer-border: 2px ridge #0066cc;
  --link: #88ddff;
  --link-hover: #ffffff;
  --link-hover-bg: #0066cc;
  --visitor-color: #00ffff;
  --visitor-bg: #001020;
}

/* ===== THEME 4: FOREST ===== */
body[data-theme="forest"] {
  --bg: #0a2000;
  --bg-image: radial-gradient(4px 4px at 40px 50px, #338800, transparent), radial-gradient(3px 3px at 200px 90px, #44aa00, transparent), radial-gradient(4px 4px at 380px 140px, #226600, transparent), radial-gradient(3px 3px at 520px 60px, #55bb00, transparent), radial-gradient(4px 4px at 80px 190px, #337700, transparent), radial-gradient(3px 3px at 450px 190px, #449900, transparent);
  --bg-size: 600px 240px;
  --font-body: "Courier New", Courier, monospace;
  --font-heading: Georgia, "Times New Roman", serif;
  --text: #88ff00;
  --table-bg: #0a1a00;
  --table-border: 4px outset #448800;
  --cell-bg: #0a1500;
  --cell-border: 2px inset #55aa00;
  --hero-bg: linear-gradient(180deg, #0a3000 0%, #0a1a00 100%);
  --neon-color: #88ff00;
  --neon-shadow: 0 0 7px #88ff00, 0 0 10px #66cc00, 0 0 21px #448800, 0 0 42px #226600, 2px 2px 2px #0a2000;
  --subtitle-color: #aaff44;
  --marquee-color: #ccff88;
  --marquee-bg: #0a2000;
  --marquee-border: 1px inset #448800;
  --beer-bg: linear-gradient(180deg, #1a2a00 0%, #0a1a00 100%);
  --beer-border: 3px ridge #66cc00;
  --section-title: #88cc00;
  --question-color: #bbff44;
  --beer-yes: #44ff00;
  --beer-yes-shadow: 0 0 10px #44ff00, 0 0 20px #33cc00, 3px 3px 0 #002200;
  --beer-no: #cc4400;
  --beer-no-shadow: 0 0 10px #cc4400, 0 0 20px #883300, 3px 3px 0 #1a0a00;
  --countdown: #88cc00;
  --therm-title: #88cc00;
  --therm-display: #aaff00;
  --therm-display-shadow: 0 0 5px #aaff00, 2px 2px 0 #0a2000;
  --therm-bar-bg: #0a1000;
  --therm-bar-border: 2px inset #448800;
  --chart-bg: #050800;
  --chart-border: 1px inset #336600;
  --info-bg: #0a2000;
  --status: #88ff00;
  --footer-bg: #0a2000;
  --footer-border: 2px ridge #448800;
  --link: #aaff44;
  --link-hover: #ffffff;
  --link-hover-bg: #448800;
  --visitor-color: #88ff00;
  --visitor-bg: #0a1500;
}

/* ===== THEME 5: GOTHIC ===== */
body[data-theme="gothic"] {
  --bg: #000000;
  --bg-image: radial-gradient(2px 2px at 50px 30px, #660066, transparent), radial-gradient(2px 2px at 150px 100px, #440044, transparent), radial-gradient(3px 3px at 300px 180px, #880088, transparent), radial-gradient(2px 2px at 500px 50px, #550055, transparent), radial-gradient(3px 3px at 450px 160px, #660066, transparent), radial-gradient(2px 2px at 250px 200px, #440044, transparent);
  --bg-size: 600px 240px;
  --font-body: Papyrus, fantasy, serif;
  --font-heading: "Old English Text MT", "Blackletter", fantasy;
  --text: #cc0000;
  --table-bg: #0a000a;
  --table-border: 4px outset #660066;
  --cell-bg: #050005;
  --cell-border: 2px inset #880088;
  --hero-bg: linear-gradient(180deg, #0a000a 0%, #000000 100%);
  --neon-color: #cc0000;
  --neon-shadow: 0 0 7px #cc0000, 0 0 10px #880000, 0 0 21px #660000, 0 0 42px #440000, 2px 2px 2px #000;
  --subtitle-color: #aa0088;
  --marquee-color: #cc4488;
  --marquee-bg: #0a000a;
  --marquee-border: 1px inset #660066;
  --beer-bg: linear-gradient(180deg, #100000 0%, #0a000a 100%);
  --beer-border: 3px ridge #880000;
  --section-title: #cc0044;
  --question-color: #dd0066;
  --beer-yes: #ff0044;
  --beer-yes-shadow: 0 0 10px #ff0044, 0 0 20px #cc0033, 3px 3px 0 #220011;
  --beer-no: #660066;
  --beer-no-shadow: 0 0 10px #660066, 0 0 20px #440044, 3px 3px 0 #110011;
  --countdown: #cc0044;
  --therm-title: #cc0044;
  --therm-display: #ff0066;
  --therm-display-shadow: 0 0 5px #ff0066, 2px 2px 0 #0a000a;
  --therm-bar-bg: #050505;
  --therm-bar-border: 2px inset #440044;
  --chart-bg: #030003;
  --chart-border: 1px inset #330033;
  --info-bg: #0a000a;
  --status: #cc0000;
  --footer-bg: #0a000a;
  --footer-border: 2px ridge #660066;
  --link: #cc4488;
  --link-hover: #ffffff;
  --link-hover-bg: #660066;
  --visitor-color: #cc0000;
  --visitor-bg: #0a000a;
}

/* ===== THEME 6: Y2K ===== */
body[data-theme="y2k"] {
  --bg: #c0c0c0;
  --bg-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);
  --bg-size: 100% 4px;
  --font-body: "Trebuchet MS", "Lucida Grande", sans-serif;
  --font-heading: "Arial Black", Impact, sans-serif;
  --text: #000000;
  --table-bg: #d0d0d0;
  --table-border: 4px outset #ffffff;
  --cell-bg: #c8c8c8;
  --cell-border: 2px inset #808080;
  --hero-bg: linear-gradient(180deg, #e0e0ff 0%, #c0c0c0 100%);
  --neon-color: #ff0088;
  --neon-shadow: 0 0 7px #ff0088, 0 0 10px #ff44aa, 0 0 21px #ff0088, 0 0 42px #ff44aa, 2px 2px 2px #808080;
  --subtitle-color: #0066ff;
  --marquee-color: #ff0088;
  --marquee-bg: #e0e0e0;
  --marquee-border: 1px inset #808080;
  --beer-bg: linear-gradient(180deg, #ffe0f0 0%, #ffc0d0 100%);
  --beer-border: 3px ridge #ff0088;
  --section-title: #0066ff;
  --question-color: #ff0088;
  --beer-yes: #00cc00;
  --beer-yes-shadow: 0 0 10px #00cc00, 0 0 20px #009900, 3px 3px 0 #003300;
  --beer-no: #ff0000;
  --beer-no-shadow: 0 0 10px #ff0000, 0 0 20px #cc0000, 3px 3px 0 #330000;
  --countdown: #0066ff;
  --therm-title: #0066ff;
  --therm-display: #ff0088;
  --therm-display-shadow: 0 0 5px #ff0088, 2px 2px 0 #808080;
  --therm-bar-bg: #a0a0a0;
  --therm-bar-border: 2px inset #808080;
  --chart-bg: #b0b0b0;
  --chart-border: 1px inset #808080;
  --info-bg: #c0c0c0;
  --status: #00cc00;
  --footer-bg: #c0c0c0;
  --footer-border: 2px ridge #ffffff;
  --link: #0066ff;
  --link-hover: #ff0088;
  --link-hover-bg: #e0e0e0;
  --visitor-color: #0066ff;
  --visitor-bg: #d0d0d0;
}

/* ===== THEME 7: HAZARD ===== */
body[data-theme="hazard"] {
  --bg: #000000;
  --bg-image: repeating-linear-gradient(45deg, #ffcc00 0px, #ffcc00 20px, #000000 20px, #000000 40px);
  --bg-size: 57px 57px;
  --font-body: Impact, "Arial Black", sans-serif;
  --font-heading: Impact, "Arial Black", sans-serif;
  --text: #ff0000;
  --table-bg: #1a1a00;
  --table-border: 4px outset #ff8800;
  --cell-bg: #0a0a00;
  --cell-border: 2px inset #ffcc00;
  --hero-bg: linear-gradient(180deg, #333300 0%, #1a1a00 100%);
  --neon-color: #ff0000;
  --neon-shadow: 0 0 7px #ff0000, 0 0 10px #ff0000, 0 0 21px #ff4400, 0 0 42px #ff4400, 2px 2px 2px #000;
  --subtitle-color: #ffcc00;
  --marquee-color: #ff8800;
  --marquee-bg: #1a1a00;
  --marquee-border: 1px inset #ff8800;
  --beer-bg: linear-gradient(180deg, #331100 0%, #221100 100%);
  --beer-border: 3px ridge #ff0000;
  --section-title: #ffcc00;
  --question-color: #ff8800;
  --beer-yes: #ffcc00;
  --beer-yes-shadow: 0 0 10px #ffcc00, 0 0 20px #ff8800, 3px 3px 0 #332200;
  --beer-no: #ff0000;
  --beer-no-shadow: 0 0 10px #ff0000, 0 0 20px #cc0000, 3px 3px 0 #330000;
  --countdown: #ffcc00;
  --therm-title: #ffcc00;
  --therm-display: #ff8800;
  --therm-display-shadow: 0 0 5px #ff8800, 2px 2px 0 #000;
  --therm-bar-bg: #0a0a00;
  --therm-bar-border: 2px inset #ff8800;
  --chart-bg: #050500;
  --chart-border: 1px inset #664400;
  --info-bg: #111100;
  --status: #ffcc00;
  --footer-bg: #111100;
  --footer-border: 2px ridge #ff8800;
  --link: #ffcc00;
  --link-hover: #ffffff;
  --link-hover-bg: #ff0000;
  --visitor-color: #ffcc00;
  --visitor-bg: #1a1a00;
}

/* ===== THEME 8: RAINBOW ===== */
body[data-theme="rainbow"] {
  --bg: #000010;
  --bg-image: linear-gradient(135deg, #ff000040, #ff880040, #ffff0040, #00ff0040, #0088ff40, #4400ff40, #ff00ff40);
  --bg-size: 200% 200%;
  --font-body: "Comic Sans MS", "Comic Sans", cursive;
  --font-heading: "Comic Sans MS", "Comic Sans", cursive;
  --text: #00ff00;
  --table-bg: #0a0a20;
  --table-border: 4px outset #ff00ff;
  --cell-bg: #050510;
  --cell-border: 2px inset #00ffff;
  --hero-bg: linear-gradient(90deg, #ff000020, #ffff0020, #00ff0020, #00ffff20, #ff00ff20);
  --neon-color: #ff00ff;
  --neon-shadow: 0 0 7px #ff00ff, 0 0 10px #ff8800, 0 0 21px #ffff00, 0 0 42px #00ff00, 2px 2px 2px #000;
  --subtitle-color: #ffff00;
  --marquee-color: #00ffff;
  --marquee-bg: #0a0a20;
  --marquee-border: 1px inset #ff00ff;
  --beer-bg: linear-gradient(90deg, #20000040, #20200040, #00200040, #00202040, #20002040);
  --beer-border: 3px ridge #ff8800;
  --section-title: #ff8800;
  --question-color: #ffff00;
  --beer-yes: #00ff00;
  --beer-yes-shadow: 0 0 10px #00ff00, 0 0 20px #ffff00, 3px 3px 0 #003300;
  --beer-no: #ff0000;
  --beer-no-shadow: 0 0 10px #ff0000, 0 0 20px #ff8800, 3px 3px 0 #330000;
  --countdown: #00ffff;
  --therm-title: #ff00ff;
  --therm-display: #00ffff;
  --therm-display-shadow: 0 0 5px #00ffff, 2px 2px 0 #000;
  --therm-bar-bg: #050505;
  --therm-bar-border: 2px inset #ff00ff;
  --chart-bg: #020208;
  --chart-border: 1px inset #440044;
  --info-bg: #0a0a20;
  --status: #00ff00;
  --footer-bg: #0a0a20;
  --footer-border: 2px ridge #ff00ff;
  --link: #ffff00;
  --link-hover: #ffffff;
  --link-hover-bg: #ff00ff;
  --visitor-color: #00ff00;
  --visitor-bg: #0a0a20;
}

/* ===== THEME 9: TROPICAL ===== */
body[data-theme="tropical"] {
  --bg: #ff0088;
  --bg-image: radial-gradient(ellipse at 20% 50%, #ff44aa20, transparent 60%), radial-gradient(ellipse at 80% 50%, #ffcc0020, transparent 60%);
  --bg-size: 100% 100%;
  --font-body: "Brush Script MT", "Comic Sans MS", cursive;
  --font-heading: "Brush Script MT", "Comic Sans MS", cursive;
  --text: #ffff00;
  --table-bg: #cc007060;
  --table-border: 4px outset #ffaa00;
  --cell-bg: #aa005060;
  --cell-border: 2px inset #00ffff;
  --hero-bg: linear-gradient(180deg, #ff006680 0%, #cc006080 100%);
  --neon-color: #ffff00;
  --neon-shadow: 0 0 7px #ffff00, 0 0 10px #ffaa00, 0 0 21px #ff0088, 0 0 42px #ff0088, 2px 2px 2px #660044;
  --subtitle-color: #00ffff;
  --marquee-color: #ffcc00;
  --marquee-bg: #aa006060;
  --marquee-border: 1px inset #ffaa00;
  --beer-bg: linear-gradient(180deg, #ff008880 0%, #cc006080 100%);
  --beer-border: 3px ridge #ffff00;
  --section-title: #ffcc00;
  --question-color: #00ffff;
  --beer-yes: #44ff00;
  --beer-yes-shadow: 0 0 10px #44ff00, 0 0 20px #88ff00, 3px 3px 0 #003300;
  --beer-no: #ff0000;
  --beer-no-shadow: 0 0 10px #ff0000, 0 0 20px #ff4400, 3px 3px 0 #330000;
  --countdown: #ffcc00;
  --therm-title: #ffcc00;
  --therm-display: #00ffff;
  --therm-display-shadow: 0 0 5px #00ffff, 2px 2px 0 #660044;
  --therm-bar-bg: #88004060;
  --therm-bar-border: 2px inset #ffaa00;
  --chart-bg: #66003060;
  --chart-border: 1px inset #cc008860;
  --info-bg: #aa005060;
  --status: #44ff00;
  --footer-bg: #aa005060;
  --footer-border: 2px ridge #ffaa00;
  --link: #00ffff;
  --link-hover: #ffffff;
  --link-hover-bg: #ff0088;
  --visitor-color: #ffff00;
  --visitor-bg: #aa005060;
}

/* ===== THEME 10: RETRO ===== */
body[data-theme="retro"] {
  --bg: #001100;
  --bg-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,255,0,0.03) 2px, rgba(0,255,0,0.03) 4px);
  --bg-size: 100% 4px;
  --font-body: "Courier New", Courier, monospace;
  --font-heading: "Courier New", Courier, monospace;
  --font-mono: "Courier New", Courier, monospace;
  --text: #00ff00;
  --table-bg: #002200;
  --table-border: 4px double #00ff00;
  --cell-bg: #001a00;
  --cell-border: 2px dashed #00aa00;
  --hero-bg: linear-gradient(180deg, #003300 0%, #002200 100%);
  --neon-color: #00ff00;
  --neon-shadow: 0 0 7px #00ff00, 0 0 10px #00ff00, 0 0 21px #00cc00, 0 0 42px #00aa00, 2px 2px 2px #002200;
  --subtitle-color: #88ff88;
  --marquee-color: #00ff00;
  --marquee-bg: #001a00;
  --marquee-border: 1px dashed #00aa00;
  --beer-bg: linear-gradient(180deg, #002200 0%, #003300 100%);
  --beer-border: 3px double #00ff00;
  --section-title: #44ff44;
  --question-color: #88ff88;
  --beer-yes: #00ff00;
  --beer-yes-shadow: 0 0 10px #00ff00, 0 0 20px #00cc00, 3px 3px 0 #003300;
  --beer-no: #ff4400;
  --beer-no-shadow: 0 0 10px #ff4400, 0 0 20px #cc3300, 3px 3px 0 #331100;
  --countdown: #44ff44;
  --therm-title: #44ff44;
  --therm-display: #00ff00;
  --therm-display-shadow: 0 0 5px #00ff00, 2px 2px 0 #001100;
  --therm-bar-bg: #0a0a0a;
  --therm-bar-border: 2px dashed #00aa00;
  --chart-bg: #000800;
  --chart-border: 1px dashed #005500;
  --info-bg: #001a00;
  --status: #00ff00;
  --footer-bg: #001a00;
  --footer-border: 2px double #00ff00;
  --link: #88ff88;
  --link-hover: #ffffff;
  --link-hover-bg: #00aa00;
  --visitor-color: #00ff00;
  --visitor-bg: #002200;
}