/* ------------------------------------------------------------------
   THEME TOKENS — black-terminal / hacker phosphor palette.
   Change colors here only; every other file consumes these variables.
------------------------------------------------------------------- */
:root {
  --radius: 6px;

  --background: oklch(0.08 0.018 158);
  --foreground: oklch(0.94 0.09 150);
  --surface: oklch(0.125 0.028 158);
  --surface-2: oklch(0.17 0.036 158);

  --alert: oklch(0.86 0.24 150);          /* phosphor green = primary signal */
  --alert-foreground: oklch(0.1 0.02 158);
  --cyan: oklch(0.86 0.14 195);
  --success: oklch(0.9 0.23 138);
  --violet: oklch(0.83 0.17 88);          /* amber warning */

  --muted-foreground: oklch(0.72 0.08 152);
  --border: oklch(0.32 0.07 155);
  --grid: oklch(0.4 0.1 155 / 0.28);

  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --glow-green: 0 0 32px color-mix(in oklab, var(--alert) 45%, transparent);
  --glow-cyan: 0 0 32px color-mix(in oklab, var(--cyan) 40%, transparent);
}

* { box-sizing: border-box; border-color: var(--border); }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font-family: var(--mono);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
h1, h2, h3 { margin: 0; letter-spacing: -0.03em; }
p { margin: 0 0 0.9rem; line-height: 1.7; }

::selection { background: color-mix(in oklab, var(--cyan) 55%, transparent); color: var(--background); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--background); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--alert), var(--violet));
  border-radius: 99px; border: 3px solid var(--background);
}

/* text color helpers */
.c-alert { color: var(--alert); }
.c-cyan { color: var(--cyan); }
.c-success { color: var(--success); }
.c-violet { color: var(--violet); }
.muted { color: var(--muted-foreground); }
.mono { font-family: var(--mono); }
.small { font-size: 0.82rem; }
.micro { font-size: 0.62rem; letter-spacing: 0.25em; text-transform: uppercase; }
.spaced { letter-spacing: 0.3em; }
.center { text-align: center; }