/* Green phosphor: a 90s terminal. Glowing green text on black, scan lines, square edges. */
:root {
  --bg: #050805;
  --surface: #050805;
  --surface-2: #0b140d;
  --line: #12391f;
  --text: #39ff7a;
  --muted: #1f8f48;
  --accent: #39ff7a;
  --bad: #ff5c5c;
  --on-bad: #050805;
  --focus: #39ff7a;
  --font: "Cascadia Mono", Consolas, "Lucida Console", Menlo, monospace;
  --heading-font: var(--font);
  --mono: var(--font);
  --heading-transform: uppercase;
  --heading-spacing: 0.1em;
  --radius: 0;
  --control-radius: 0;
  --pill-radius: 0;
  --glow: 0 0 6px rgb(57 255 122 / 0.45);
  --button-line: #39ff7a;
  --button-hover-bg: #39ff7a;
  --button-hover-text: #050805;
  --input-bg: #000;
  color-scheme: dark;
}

/* Scan lines over everything. */
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(0deg, rgb(0 0 0 / 0.18) 0 1px, transparent 1px 3px);
}

.app button:hover, .gate .button:hover { text-shadow: none; }
.app .nav a::before { content: "> "; color: var(--muted); }
.app h1::before { content: "// "; color: var(--muted); }
.app input { caret-color: var(--accent); }

@media (prefers-reduced-motion: no-preference) {
  .gate .boot::after { content: "█"; animation: blink 1s steps(1) infinite; }
  @keyframes blink { 50% { opacity: 0; } }
}