:root {
  --bg:#0f0f13; --card:#1a1a2e; --border:#2a2a3e;
  --text:#e0e0e0; --muted:#888; --dim:#555;
  --accent:#6c63ff; --green:#4ade80; --yellow:#facc15; --red:#f87171;
  --bar-track:#1e1e2e; --hover:#252540; --active:#2a2a50;
  --code-bg:#252540;
}
html.light-theme {
  --bg:#f0f0f5; --card:#ffffff; --border:#e0e0e8;
  --text:#1a1a2e; --muted:#666; --dim:#999;
  --bar-track:#e0e0ea; --hover:#f0f0f8; --active:#e8e8f0;
  --code-bg:#f0f0f5;
}
body {
  background: var(--tg-theme-bg-color, var(--bg));
  color: var(--tg-theme-text-color, var(--text));
}