/* emulator.st — data-theme overrides (tokens defined in style.css :root) */

html[data-theme="nes"] {
  --bg: #151518;
  --bg-card: #1e1e24;
  --bg-panel: #1a1a1f;
  --bg-hover: #2a2a32;
  --text: #ececec;
  --text-dim: #8a8a96;
  --accent: #c0392b;
  --accent-bright: #ff6b5a;
  --accent-glow: rgba(192, 57, 43, 0.45);
  --accent-soft: rgba(192, 57, 43, 0.14);
  --accent-soft-strong: rgba(192, 57, 43, 0.22);
  --resume-accent-tint: rgba(192, 57, 43, 0.16);
  --topbar-grad-a: rgba(21, 21, 24, 0.98);
  --topbar-grad-b: rgba(21, 21, 24, 0.92);
}

html[data-theme="snes"] {
  --bg: #c4c0d4;
  --bg-card: #b8b4ca;
  --bg-panel: #aeaac2;
  --bg-hover: #d2cee0;
  --text: #252230;
  --text-dim: #4a4458;
  --accent: #5c4a8a;
  --accent-bright: #3d2f6b;
  --accent-glow: rgba(61, 47, 107, 0.35);
  --accent-soft: rgba(61, 47, 107, 0.12);
  --accent-soft-strong: rgba(61, 47, 107, 0.2);
  --resume-accent-tint: rgba(61, 47, 107, 0.18);
  --topbar-grad-a: rgba(196, 192, 212, 0.98);
  --topbar-grad-b: rgba(196, 192, 212, 0.94);
  --border: rgba(0, 0, 0, 0.12);
  --border-hover: rgba(0, 0, 0, 0.22);
  --search-bg: rgba(0, 0, 0, 0.06);
  --search-bg-focus: rgba(0, 0, 0, 0.1);
  --pill-bg: rgba(0, 0, 0, 0.06);
  --tab-inactive-bg: rgba(0, 0, 0, 0.05);
  --sys-pill-bg: rgba(0, 0, 0, 0.06);
  --shadow-color: rgba(0,0,0,0.2);
}

html[data-theme="gb"] {
  --bg: #0d1f0d;
  --bg-card: #143214;
  --bg-panel: #102810;
  --bg-hover: #1a401a;
  --text: #dce8c8;
  --text-dim: #7a9a48;
  --accent: #8bac0f;
  --accent-bright: #d4e860;
  --accent-glow: rgba(139, 172, 15, 0.4);
  --accent-soft: rgba(139, 172, 15, 0.15);
  --accent-soft-strong: rgba(139, 172, 15, 0.24);
  --resume-accent-tint: rgba(139, 172, 15, 0.18);
  --topbar-grad-a: rgba(13, 31, 13, 0.98);
  --topbar-grad-b: rgba(13, 31, 13, 0.92);
}

html[data-theme="gbc"] {
  --bg: #1a2040;
  --bg-card: #242a55;
  --bg-panel: #1e2450;
  --bg-hover: #2e3470;
  --text: #e8e8f4;
  --text-dim: #9090c0;
  --accent: #00b4d8;
  --accent-bright: #ff6b9d;
  --accent-glow: rgba(0, 180, 216, 0.35);
  --accent-soft: rgba(0, 180, 216, 0.12);
  --accent-soft-strong: rgba(255, 107, 157, 0.15);
  --resume-accent-tint: rgba(0, 180, 216, 0.14);
  --topbar-grad-a: rgba(26, 32, 64, 0.98);
  --topbar-grad-b: rgba(26, 32, 64, 0.92);
}

html[data-theme="gba"] {
  --bg: #1a1438;
  --bg-card: #242050;
  --bg-panel: #201c48;
  --bg-hover: #302868;
  --text: #e6e2f4;
  --text-dim: #9890c0;
  --accent: #6860d8;
  --accent-bright: #a898ff;
  --accent-glow: rgba(104, 96, 216, 0.4);
  --accent-soft: rgba(104, 96, 216, 0.14);
  --accent-soft-strong: rgba(104, 96, 216, 0.22);
  --resume-accent-tint: rgba(104, 96, 216, 0.16);
  --topbar-grad-a: rgba(26, 20, 56, 0.98);
  --topbar-grad-b: rgba(26, 20, 56, 0.92);
}

html[data-theme="nds"] {
  --bg: #e2e2e8;
  --bg-card: #d6d6e0;
  --bg-panel: #ceced8;
  --bg-hover: #ececf2;
  --text: #1a1a22;
  --text-dim: #4a4a58;
  --accent: #c8102e;
  --accent-bright: #e02040;
  --accent-glow: rgba(200, 16, 46, 0.35);
  --accent-soft: rgba(200, 16, 46, 0.1);
  --accent-soft-strong: rgba(200, 16, 46, 0.16);
  --resume-accent-tint: rgba(200, 16, 46, 0.12);
  --topbar-grad-a: rgba(226, 226, 232, 0.98);
  --topbar-grad-b: rgba(226, 226, 232, 0.94);
  --border: rgba(0, 0, 0, 0.1);
  --border-hover: rgba(0, 0, 0, 0.2);
  --search-bg: rgba(0, 0, 0, 0.05);
  --search-bg-focus: rgba(0, 0, 0, 0.08);
  --pill-bg: rgba(0, 0, 0, 0.06);
  --tab-inactive-bg: rgba(0, 0, 0, 0.04);
  --sys-pill-bg: rgba(0, 0, 0, 0.05);
  --shadow-color: rgba(0,0,0,0.15);
}

html[data-theme="n64"] {
  --bg: #222228;
  --bg-card: #2e2e38;
  --bg-panel: #282830;
  --bg-hover: #3a3a48;
  --text: #e8e8ec;
  --text-dim: #909098;
  --accent: #6b4c8c;
  --accent-bright: #e8b84a;
  --accent-glow: rgba(232, 184, 74, 0.35);
  --accent-soft: rgba(107, 76, 140, 0.18);
  --accent-soft-strong: rgba(232, 184, 74, 0.15);
  --resume-accent-tint: rgba(107, 76, 140, 0.2);
  --topbar-grad-a: rgba(34, 34, 40, 0.98);
  --topbar-grad-b: rgba(34, 34, 40, 0.92);
}

html[data-theme="genesis"] {
  --bg: #080808;
  --bg-card: #121212;
  --bg-panel: #0e0e0e;
  --bg-hover: #1c1c1c;
  --text: #ececec;
  --text-dim: #888888;
  --accent: #e31e24;
  --accent-bright: #ff4a4f;
  --accent-glow: rgba(227, 30, 36, 0.45);
  --accent-soft: rgba(227, 30, 36, 0.12);
  --accent-soft-strong: rgba(227, 30, 36, 0.2);
  --resume-accent-tint: rgba(227, 30, 36, 0.14);
  --topbar-grad-a: rgba(8, 8, 8, 0.98);
  --topbar-grad-b: rgba(8, 8, 8, 0.92);
}

html[data-theme="segacd"] {
  --bg: #121018;
  --bg-card: #1c1824;
  --bg-panel: #181420;
  --bg-hover: #282238;
  --text: #e8e4dc;
  --text-dim: #908878;
  --accent: #c9a227;
  --accent-bright: #e8c547;
  --accent-glow: rgba(201, 162, 39, 0.4);
  --accent-soft: rgba(201, 162, 39, 0.12);
  --accent-soft-strong: rgba(201, 162, 39, 0.2);
  --resume-accent-tint: rgba(201, 162, 39, 0.14);
  --topbar-grad-a: rgba(18, 16, 24, 0.98);
  --topbar-grad-b: rgba(18, 16, 24, 0.92);
}

html[data-theme="sega32x"] {
  --bg: #0c0c10;
  --bg-card: #16161c;
  --bg-panel: #121218;
  --bg-hover: #22222c;
  --text: #e4e4e8;
  --text-dim: #888890;
  --accent: #c62828;
  --accent-bright: #7e8c96;
  --accent-glow: rgba(198, 40, 40, 0.35);
  --accent-soft: rgba(198, 40, 40, 0.12);
  --accent-soft-strong: rgba(126, 140, 150, 0.18);
  --resume-accent-tint: rgba(198, 40, 40, 0.12);
  --topbar-grad-a: rgba(12, 12, 16, 0.98);
  --topbar-grad-b: rgba(12, 12, 16, 0.92);
}

html[data-theme="ps1"] {
  --bg: #3a404c;
  --bg-card: #454b58;
  --bg-panel: #404650;
  --bg-hover: #505868;
  --text: #f0f0f4;
  --text-dim: #a8acb8;
  --accent: #6a9bd8;
  --accent-bright: #c8d8f0;
  --accent-glow: rgba(106, 155, 216, 0.35);
  --accent-soft: rgba(106, 155, 216, 0.14);
  --accent-soft-strong: rgba(106, 155, 216, 0.22);
  --resume-accent-tint: rgba(106, 155, 216, 0.16);
  --topbar-grad-a: rgba(58, 64, 76, 0.98);
  --topbar-grad-b: rgba(58, 64, 76, 0.92);
}

html[data-theme="psp"] {
  --bg: #1a1c24;
  --bg-card: #242830;
  --bg-panel: #202228;
  --bg-hover: #323844;
  --text: #e6e8ec;
  --text-dim: #9098a8;
  --accent: #7a90b0;
  --accent-bright: #b8c8e0;
  --accent-glow: rgba(122, 144, 176, 0.35);
  --accent-soft: rgba(122, 144, 176, 0.14);
  --accent-soft-strong: rgba(122, 144, 176, 0.22);
  --resume-accent-tint: rgba(122, 144, 176, 0.14);
  --topbar-grad-a: rgba(26, 28, 36, 0.98);
  --topbar-grad-b: rgba(26, 28, 36, 0.92);
}

html[data-theme="arcade"] {
  --bg: #0a0a14;
  --bg-card: #141420;
  --bg-panel: #101018;
  --bg-hover: #1c1c30;
  --text: #e8f8f4;
  --text-dim: #68a898;
  --accent: #00d4aa;
  --accent-bright: #ff3d9a;
  --accent-glow: rgba(0, 212, 170, 0.35);
  --accent-soft: rgba(0, 212, 170, 0.12);
  --accent-soft-strong: rgba(255, 61, 154, 0.12);
  --resume-accent-tint: rgba(0, 212, 170, 0.14);
  --topbar-grad-a: rgba(10, 10, 20, 0.98);
  --topbar-grad-b: rgba(10, 10, 20, 0.92);
}

html[data-theme="dos"] {
  --bg: #2a2618;
  --bg-card: #363022;
  --bg-panel: #302c1c;
  --bg-hover: #423c28;
  --text: #d8d0b8;
  --text-dim: #908868;
  --accent: #4a8c2a;
  --accent-bright: #7fd060;
  --accent-glow: rgba(74, 140, 42, 0.4);
  --accent-soft: rgba(74, 140, 42, 0.15);
  --accent-soft-strong: rgba(74, 140, 42, 0.22);
  --resume-accent-tint: rgba(74, 140, 42, 0.16);
  --topbar-grad-a: rgba(42, 38, 24, 0.98);
  --topbar-grad-b: rgba(42, 38, 24, 0.92);
  --font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;
}

html[data-theme="a2600"] {
  --bg: #2a1f14;
  --bg-card: #3a2a1c;
  --bg-panel: #322418;
  --bg-hover: #483828;
  --text: #f0e8d8;
  --text-dim: #a89878;
  --accent: #d89020;
  --accent-bright: #f5b040;
  --accent-glow: rgba(216, 144, 32, 0.4);
  --accent-soft: rgba(216, 144, 32, 0.12);
  --accent-soft-strong: rgba(216, 144, 32, 0.2);
  --resume-accent-tint: rgba(216, 144, 32, 0.14);
  --topbar-grad-a: rgba(42, 31, 20, 0.98);
  --topbar-grad-b: rgba(42, 31, 20, 0.92);
}

/* OLED Dark theme — pure black for AMOLED screens */
html[data-theme="oled"] {
  --bg: #000000;
  --bg-alt: #0a0a0a;
  --panel-bg: #050505;
  --panel-border: #1a1a1a;
  --text: #e0e0e0;
  --text-dim: #888;
  --accent: #7c3aed;
  --accent-bright: #a78bfa;
  --topbar-bg: #000000;
  --card-bg: #0a0a0a;
  --card-border: #1a1a1a;
  --input-bg: #0a0a0a;
  --input-border: #222;
  --hover-bg: #111;
  --scanline-opacity: 0;
}

/* Light theme */
html[data-theme="light"] {
  --bg: #f5f5f5;
  --bg-alt: #ebebeb;
  --panel-bg: #ffffff;
  --panel-border: #ddd;
  --text: #1a1a2e;
  --text-dim: #666;
  --accent: #6d28d9;
  --accent-bright: #7c3aed;
  --topbar-bg: #ffffff;
  --card-bg: #ffffff;
  --card-border: #e0e0e0;
  --input-bg: #f0f0f0;
  --input-border: #ccc;
  --hover-bg: #eee;
  --shadow-color: rgba(0,0,0,0.15);
  --scanline-opacity: 0;
}
html[data-theme="light"] .panel { box-shadow: 0 1px 3px rgba(0,0,0,.1); }
html[data-theme="light"] .ghost-btn { color: #333; border-color: #ccc; }
html[data-theme="light"] .ghost-btn:hover { background: #eee; }
html[data-theme="light"] .pill { background: #e8e0f0; color: #4c1d95; }
html[data-theme="light"] .topbar { border-bottom: 1px solid #ddd; }
html[data-theme="light"] .scanlines { display: none; }