/* v02-vectorscan — token overrides. Phosphor green strokes on a cold
   near-black. Nothing on this page is filled, so the line colour carries the
   whole palette and the surfaces are the background itself. */

:root {
  --bg: #040705;
  --surface: #040705;
  --surface-2: #070c09;
  --surface-3: #0a120c;
  --border: #16281c;
  --border-2: #2f6b44;
  --text: #dcffe8;
  --text-dim: #8fcfa6;
  --text-faint: #6aa47f;

  --accent: #39ff88;
  --accent-hi: #a9ffcb;
  --accent-2: #39ff88;
  --accent-2-hi: #a9ffcb;
  --on-accent: #02150a;

  --font-display: var(--font-mono);
  --display-1: clamp(2rem, 4.6vw, 4rem);
  --display-2: clamp(1.5rem, 2.8vw, 2.4rem);
  --leading-display: 1.05;

  --line: var(--border-2);
  --line-w: 1px;
  --notch: 22px;
  /* The outline page casts no block shadow: a stroke on black has no weight
     to drop. The line alone answers the pointer. */
  --shadow-x: 0px;
  --shadow-y: 0px;
  --shadow-hover-x: 0px;
  --shadow-hover-y: 0px;

  --dot-color: color-mix(in srgb, var(--accent) 16%, transparent);
  --dot-gap: 26px;
  --dot-parallax: 0.22;

  --dither-cell: 5px;
  --dither-tint: color-mix(in srgb, var(--accent) 45%, transparent);
  --dither-band-height: clamp(180px, 22vw, 320px);

  --crt-opacity: 0.2;
  --crt-line: 3px;
  --crt-vignette: 0.6;

  --arrow-color: var(--accent);
  --arrow-width: 3px;
  --arrow-dash: 28 16;
  --arrow-glow: color-mix(in srgb, var(--accent) 55%, transparent);
  --arrow-head: 20px;
}
