/* Base tokens everyone uses */
:root {
  --bg: #0b1e3b url("bg-stars.gif") repeat;
  --text: #00ffcc;
  --accent: #00ffff;
  --accent-2: #ffff66;
  --panel: #000;
  --panel-2: #001326;
  --frame: #ff9900;
  --link: var(--accent-2);
  --link-hover: #fff;
  --font: "Comic Sans MS", "Trebuchet MS", Arial, sans-serif;
}

/* Midnight Neon (current) */
[data-theme="midnight-neon"] {
  --bg: #0b1e3b url("bg-stars.gif") repeat;
  --text: #00ffcc;
  --accent: #00ffff;
  --accent-2: #ffff66;
  --panel: #000;
  --panel-2: #001326;
  --frame: #ff9900;
  --link: var(--accent-2);
  --link-hover: #ffffff;
}

/* Paper Zine (photocopy vibes) */
[data-theme="paper-zine"] {
  --bg: #f2f2f2;
  --text: #222;
  --accent: #111;
  --accent-2: #444;
  --panel: #fff;
  --panel-2: #eee;
  --frame: #111;
  --link: #111;
  --link-hover: #000;
  --font: "Courier New", monospace;
}

/* Toy Aisle (late-90s plasticky) */
[data-theme="toy-aisle"] {
  --bg: #1b2354 linear-gradient(180deg,#1b2354 0%, #0f1536 100%) no-repeat;
  --text: #e0f0ff;
  --accent: #ffd54d;
  --accent-2: #9cff6d;
  --panel: #0b0f26;
  --panel-2: #12183a;
  --frame: #4dd2ff;
  --link: #ffd54d;
  --link-hover: #fff;
  --font: "Trebuchet MS", Arial, sans-serif;
}