/* ====== Cyberpunk — dark purple with neon magenta/green ====== */
html[data-theme="cyberpunk"] {
  --bg: #0a0a14;
  --bg2: #14102a;
  --fg: #d4d0f0;
  --fg-dim: #6a5a9a;
  --fg-bright: #e8e0ff;
  --cyan: #00ffc8;
  --teal: #00e5a0;
  --amber: #ff6bdf;
  --pink: #ff2d95;
  --border: #2a1a4a;
  --glow-cyan: rgba(0, 255, 200, 0.12);
  --accent: var(--cyan);
}

/* ====== Ocean Deep — deep blue with cerulean accents ====== */
html[data-theme="ocean"] {
  --bg: #060d1a;
  --bg2: #0c1a30;
  --fg: #c8daf0;
  --fg-dim: #4a6a8a;
  --fg-bright: #dce8f5;
  --cyan: #40c4ff;
  --teal: #4dd0e1;
  --amber: #ffb74d;
  --pink: #ef5350;
  --border: #142a44;
  --glow-cyan: rgba(64, 196, 255, 0.10);
  --accent: var(--cyan);
}

/* ====== Forest Night — deep green with warm amber ====== */
html[data-theme="forest"] {
  --bg: #0a100a;
  --bg2: #101a10;
  --fg: #c8dcc8;
  --fg-dim: #4a6a4a;
  --fg-bright: #dcecdc;
  --cyan: #66bb6a;
  --teal: #4db6ac;
  --amber: #ffb300;
  --pink: #ef6c00;
  --border: #1a2a1a;
  --glow-cyan: rgba(102, 187, 106, 0.10);
  --accent: var(--cyan);
}

/* ====== Iron Man — dark red with gold, arc-reactor blue glow ====== */
html[data-theme="ironman"] {
  --bg: #0d0505;
  --bg2: #1a0a0a;
  --fg: #e8d8c8;
  --fg-dim: #8a6050;
  --fg-bright: #f0e0d0;
  --cyan: #ff3333;
  --teal: #ffd700;
  --amber: #ff8c00;
  --pink: #ff6b6b;
  --border: #2a1010;
  --glow-cyan: rgba(255, 51, 51, 0.12);
  --accent: #ffd700;
}

/* ====== Paper Light — warm cream with navy ====== */
html[data-theme="paper"] {
  --bg: #f5f0e8;
  --bg2: #eae3d3;
  --fg: #2c2416;
  --fg-dim: #7a6e5a;
  --fg-bright: #1a140a;
  --cyan: #2a6f97;
  --teal: #3a7a6a;
  --amber: #b85a00;
  --pink: #b8405a;
  --border: #c8bca8;
  --glow-cyan: rgba(42, 111, 151, 0.08);
  --accent: var(--cyan);
}

/* ====== Midnight Purple — deep violet with neon accents ====== */
html[data-theme="purple"] {
  --bg: #0d0814;
  --bg2: #19102a;
  --fg: #e0d6f0;
  --fg-dim: #8a7aaf;
  --fg-bright: #f5eeff;
  --cyan: #c084fc;
  --teal: #a78bfa;
  --amber: #fbbf24;
  --pink: #f472b6;
  --border: #2d1f4a;
  --glow-cyan: rgba(192, 132, 252, 0.1);
  --accent: var(--cyan);
}

/* ====== Neon Tokyo — cyberpunk neon, electric blue + magenta ====== */
html[data-theme="tokyo"] {
  --bg: #06060d;
  --bg2: #111122;
  --fg: #e0e0ff;
  --fg-dim: #5a5a8a;
  --fg-bright: #ffffff;
  --cyan: #00f0ff;
  --teal: #ff00ff;
  --amber: #ffaa00;
  --pink: #ff4488;
  --border: #1a1a3a;
  --glow-cyan: rgba(0, 240, 255, 0.12);
  --accent: var(--cyan);
}

/* ====== Sunset Glow — warm gradient sky background ====== */
html[data-theme="sunset"] {
  --bg: #1a1028;
  --bg2: #261840;
  --fg: #f0e0d0;
  --fg-dim: #9080a0;
  --fg-bright: #ffe8d0;
  --cyan: #ff8855;
  --teal: #ff8855;
  --amber: #ffbb44;
  --pink: #ff6688;
  --border: #3a2060;
  --glow-cyan: rgba(255, 136, 85, 0.12);
  --accent: var(--cyan);
  background: linear-gradient(180deg, #1a1030 0%, #2d1550 40%, #3a2060 70%, #1a1028 100%) fixed;
  background-size: 100% 100vh;
}