/*
 * 10 цветовых тем панели, переключаемых командой `color 1`..`color 10`
 * (или `theme <имя>`) прямо из терминала внизу экрана.
 * Тема хранится в localStorage браузера (только у зрителя, не на сервере).
 *
 *   1  green     — Phosphor Green   (классический зелёный CRT)
 *   2  amber     — Amber CRT        (янтарный монохром)
 *   3  dark      — Modern Dark      (по умолчанию)
 *   4  matrix    — Neon Matrix
 *   5  solarized — Solarized Dark
 *   6  dracula   — Dracula
 *   7  nord      — Nord
 *   8  mono      — Classic Mono
 *   9  redalert  — Root / Red Alert
 *   10 ubuntu    — Ubuntu
 */

:root {
  --font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
               "DejaVu Sans Mono", "Liberation Mono", monospace;
  --radius: 3px;
  --scan: 0;
  --glow-shadow: none;
}

:root, :root[data-theme="dark"] {
  --bg:#0d1117; --bg2:#141a22; --bg3:#1c2430; --bg-hover:#212a37;
  --fg:#c9d1d9; --fg-dim:#8b949e; --border:#2a323d;
  --accent:#4fd6be; --accent2:#58a6ff;
  --ok:#3fb950; --warn:#d29922; --err:#f85149; --info:#58a6ff;
  --scan: 0; --glow-shadow: none;
}

:root[data-theme="green"] {
  --bg:#081108; --bg2:#0e1a0e; --bg3:#13291a; --bg-hover:#173420;
  --fg:#3dff7a; --fg-dim:#22a355; --border:#1d4a26;
  --accent:#3dff7a; --accent2:#a6ffca;
  --ok:#3dff7a; --warn:#d7e600; --err:#ff5f5f; --info:#63e6d0;
  --scan: 0.05; --glow-shadow: 0 0 6px currentColor;
}

:root[data-theme="amber"] {
  --bg:#120b04; --bg2:#1b1206; --bg3:#241808; --bg-hover:#2d1e0a;
  --fg:#ffb000; --fg-dim:#a66f00; --border:#4a3009;
  --accent:#ffb000; --accent2:#ffd479;
  --ok:#ffb000; --warn:#ff8800; --err:#ff4136; --info:#ffcf7a;
  --scan: 0.05; --glow-shadow: 0 0 6px currentColor;
}

:root[data-theme="matrix"] {
  --bg:#000502; --bg2:#02150a; --bg3:#052012; --bg-hover:#082a18;
  --fg:#00ff41; --fg-dim:#0a8f30; --border:#0a3a1c;
  --accent:#00ff41; --accent2:#9dffc4;
  --ok:#00ff41; --warn:#ffe600; --err:#ff003c; --info:#00e5ff;
  --scan: 0.08; --glow-shadow: 0 0 8px currentColor;
}

:root[data-theme="solarized"] {
  --bg:#00252e; --bg2:#073642; --bg3:#0d4351; --bg-hover:#124f5e;
  --fg:#93a1a1; --fg-dim:#5c7a80; --border:#0f4b59;
  --accent:#2aa198; --accent2:#268bd2;
  --ok:#859900; --warn:#b58900; --err:#dc322f; --info:#268bd2;
  --scan: 0; --glow-shadow: none;
}

:root[data-theme="dracula"] {
  --bg:#22232f; --bg2:#282a36; --bg3:#343746; --bg-hover:#3c3f52;
  --fg:#f8f8f2; --fg-dim:#9099b8; --border:#3f4257;
  --accent:#bd93f9; --accent2:#ff79c6;
  --ok:#50fa7b; --warn:#f1fa8c; --err:#ff5555; --info:#8be9fd;
  --scan: 0; --glow-shadow: none;
}

:root[data-theme="nord"] {
  --bg:#242933; --bg2:#2e3440; --bg3:#3b4252; --bg-hover:#434c5e;
  --fg:#e5e9f0; --fg-dim:#94a0b7; --border:#434c5e;
  --accent:#88c0d0; --accent2:#81a1c1;
  --ok:#a3be8c; --warn:#ebcb8b; --err:#bf616a; --info:#81a1c1;
  --scan: 0; --glow-shadow: none;
}

:root[data-theme="mono"] {
  --bg:#050505; --bg2:#0e0e0e; --bg3:#181818; --bg-hover:#212121;
  --fg:#e8e8e8; --fg-dim:#8a8a8a; --border:#333333;
  --accent:#ffffff; --accent2:#bfbfbf;
  --ok:#7CFC00; --warn:#FFD700; --err:#FF4136; --info:#7fd4ff;
  --scan: 0.03; --glow-shadow: none;
}

:root[data-theme="redalert"] {
  --bg:#150606; --bg2:#210707; --bg3:#2c0a0a; --bg-hover:#3a0d0d;
  --fg:#ff8f8f; --fg-dim:#a34a4a; --border:#4a1414;
  --accent:#ff3b3b; --accent2:#ffb3b3;
  --ok:#7CFC00; --warn:#ffb300; --err:#ff1a1a; --info:#ff9d9d;
  --scan: 0.05; --glow-shadow: 0 0 6px currentColor;
}

:root[data-theme="ubuntu"] {
  --bg:#2c0722; --bg2:#380a2c; --bg3:#471037; --bg-hover:#551542;
  --fg:#f2f2f2; --fg-dim:#c9a9c2; --border:#5a1f4a;
  --accent:#e95420; --accent2:#f2b6a0;
  --ok:#4e9a06; --warn:#c4a000; --err:#e05252; --info:#79a8d9;
  --scan: 0; --glow-shadow: none;
}

/* лёгкий эффект CRT (сканлайны + свечение текста) — только для тем, где var(--scan) > 0 */
.scanlines {
  position: fixed; inset: 0; pointer-events: none; z-index: 9999;
  background: repeating-linear-gradient(
    to bottom, rgba(255,255,255,0.6) 0px, rgba(255,255,255,0.6) 1px,
    transparent 1px, transparent 3px
  );
  opacity: var(--scan);
  mix-blend-mode: overlay;
}
:root[data-theme="dark"] .scanlines,
:root[data-theme="solarized"] .scanlines,
:root[data-theme="dracula"] .scanlines,
:root[data-theme="nord"] .scanlines,
:root[data-theme="ubuntu"] .scanlines { display: none; }
