/* =====================================================
   Type Master 2.0 — Themes
   ===================================================== */

/* ── Dark (default) ── */
[data-theme="dark"] {
  --bg: #1a1a2e; --bg2: #16213e; --bg3: #0f3460;
  --surface: #1e1e3a; --surface2: #252545;
  --border: #2a2a4a; --text: #d1d0c5; --text-muted: #646669; --text-dim: #3a3a5a;
  --accent: #e2b714; --accent2: #c4a012; --correct: #6eb587; --error: #ca4754; --cursor: #e2b714;
}

/* ── Light ── */
[data-theme="light"] {
  --bg: #f5f5f0; --bg2: #ebebeb; --bg3: #e0e0e0;
  --surface: #ffffff; --surface2: #f0f0f0;
  --border: #d1d0c5; --text: #2c2c2c; --text-muted: #646669; --text-dim: #aaaaaa;
  --accent: #e2b714; --accent2: #c4a012; --correct: #3a9e5f; --error: #ca4754; --cursor: #e2b714;
}

/* ── Ocean ── */
[data-theme="ocean"] {
  --bg: #0b1929; --bg2: #0d1f30; --bg3: #102640;
  --surface: #0f2133; --surface2: #132845;
  --border: #1a3050; --text: #cce7ff; --text-muted: #5c8aaa; --text-dim: #2a4a65;
  --accent: #00c2ff; --accent2: #00a8e0; --correct: #4dc9a8; --error: #ff6b6b; --cursor: #00c2ff;
}

/* ── Dracula ── */
[data-theme="dracula"] {
  --bg: #282a36; --bg2: #21222c; --bg3: #191a21;
  --surface: #2c2e3b; --surface2: #333548;
  --border: #3d3f52; --text: #f8f8f2; --text-muted: #6272a4; --text-dim: #44475a;
  --accent: #ff79c6; --accent2: #e060b3; --correct: #50fa7b; --error: #ff5555; --cursor: #ff79c6;
}

/* ── Nord ── */
[data-theme="nord"] {
  --bg: #2e3440; --bg2: #3b4252; --bg3: #434c5e;
  --surface: #3b4252; --surface2: #434c5e;
  --border: #4c566a; --text: #eceff4; --text-muted: #9199aa; --text-dim: #616e87;
  --accent: #88c0d0; --accent2: #76afc0; --correct: #a3be8c; --error: #bf616a; --cursor: #88c0d0;
}

/* ── Solarized Dark ── */
[data-theme="solarized"] {
  --bg: #002b36; --bg2: #073642; --bg3: #083f4e;
  --surface: #073642; --surface2: #0a4555;
  --border: #105060; --text: #839496; --text-muted: #586e75; --text-dim: #2d4a52;
  --accent: #b58900; --accent2: #9d7700; --correct: #859900; --error: #dc322f; --cursor: #b58900;
}

/* ── Sunset ── */
[data-theme="sunset"] {
  --bg: #1c0f1c; --bg2: #231323; --bg3: #2c1a2c;
  --surface: #201520; --surface2: #2a1e2a;
  --border: #3a2a3a; --text: #f0d0c0; --text-muted: #a06070; --text-dim: #5a3040;
  --accent: #ff7043; --accent2: #e05c30; --correct: #f9a825; --error: #ef5350; --cursor: #ff7043;
}

/* ── Forest ── */
[data-theme="forest"] {
  --bg: #0d1a10; --bg2: #121e14; --bg3: #182618;
  --surface: #142014; --surface2: #1c2a1c;
  --border: #253025; --text: #d0e8c8; --text-muted: #5a8060; --text-dim: #304030;
  --accent: #7bc67e; --accent2: #5cae60; --correct: #a5d6a7; --error: #ef5350; --cursor: #7bc67e;
}

/* ── Monokai ── */
[data-theme="monokai"] {
  --bg: #272822; --bg2: #1e1f1b; --bg3: #161714;
  --surface: #2c2d27; --surface2: #363730;
  --border: #40413a; --text: #f8f8f2; --text-muted: #75715e; --text-dim: #4a4b42;
  --accent: #a6e22e; --accent2: #8ccc18; --correct: #a6e22e; --error: #f92672; --cursor: #f8f8f2;
}

/* ── Pastel ── */
[data-theme="pastel"] {
  --bg: #fdf6f0; --bg2: #faf0ec; --bg3: #f5e8e0;
  --surface: #ffffff; --surface2: #fdf0ea;
  --border: #e8d8d0; --text: #5c3d2e; --text-muted: #a07060; --text-dim: #c8a898;
  --accent: #ff9a9e; --accent2: #e88890; --correct: #a8d8a8; --error: #ff6b6b; --cursor: #ff9a9e;
}

/* ── Cyber ── */
[data-theme="cyber"] {
  --bg: #0a0a0f; --bg2: #0d0d15; --bg3: #10101c;
  --surface: #0f0f1a; --surface2: #151525;
  --border: #1e1e35; --text: #c8e6ff; --text-muted: #4a6080; --text-dim: #2a3a50;
  --accent: #00ffcc; --accent2: #00d9aa; --correct: #00ff88; --error: #ff004c; --cursor: #00ffcc;
}

/* ── Purple Haze ── */
[data-theme="purple"] {
  --bg: #120b20; --bg2: #180d2a; --bg3: #1e1133;
  --surface: #1a0f28; --surface2: #221636;
  --border: #2e1e45; --text: #d8c8f0; --text-muted: #7850a0; --text-dim: #40285a;
  --accent: #b39ddb; --accent2: #9c7fd0; --correct: #80cbc4; --error: #ef5350; --cursor: #b39ddb;
}

/* ── Coffee ── */
[data-theme="coffee"] {
  --bg: #1e150f; --bg2: #261a12; --bg3: #2e2015;
  --surface: #231812; --surface2: #2c2018;
  --border: #3d2c20; --text: #e8d5bc; --text-muted: #8c6a4a; --text-dim: #50382a;
  --accent: #c8963e; --accent2: #b08030; --correct: #90c060; --error: #c0392b; --cursor: #c8963e;
}