:root {
  --bg: #0f1115;
  --bg2: #161922;
  --card: #161920;
  --accent: #18ff6a;
  --text: #e5e9ef;
  --muted: #98a1b0;
  --danger: #ff5570;
}
:root[data-theme="light"] {
  --bg: #f5f7fb;
  --bg2: #e8ecf4;
  --card: #ffffff;
  --accent: #0fa36b;
  --text: #111827;
  --muted: #6b7280;
  --danger: #e11d48;
}
:root[data-theme="green"] {
  --bg: #0c130f;
  --bg2: #0f1a12;
  --card: #111b14;
  --accent: #2bff8a;
  --text: #e8f7ec;
  --muted: #9fb7a6;
  --danger: #ff6b6b;
}
:root[data-theme="blue"] {
  --bg: #0d1220;
  --bg2: #121a2d;
  --card: #131c2e;
  --accent: #4db5ff;
  --text: #e6f1ff;
  --muted: #9bb0c9;
  --danger: #ff647c;
}
.theme-switcher { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text); }
.theme-select { background: var(--card); color: var(--text); border: 1px solid rgba(255,255,255,0.15); border-radius: 8px; padding: 6px 8px; font-size: 12px; }
.theme-select:focus { outline: 2px solid rgba(24,255,106,0.4); border-color: rgba(24,255,106,0.4); }
.theme-fab { position: fixed; top: 10px; right: 10px; background: var(--card); border: 1px solid rgba(24, 255, 106, 0.25); border-radius: 10px; padding: 6px 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); z-index: 999; }