/* v04-phosphor — token overrides. Amber on a warm near-black, one accent, a
   pale signal blue only for the links. The display face is the mono, because
   the whole page is set as a printed index. */

:root {
  --bg: #07070a;
  --surface: #0e0e12;
  --surface-2: #121218;
  --surface-3: #17171f;
  --border: #1e1b17;
  --border-2: #5c4a24;
  --text: #ffe9c4;
  --text-dim: #c3a678;
  --text-faint: #9a8259;

  --accent: #ffb000;
  --accent-hi: #ffd166;
  --accent-2: #9be7ff;
  --accent-2-hi: #d2f4ff;
  --on-accent: #120b00;

  --font-display: var(--font-mono);
  --display-1: clamp(1.75rem, 3.6vw, 3.25rem);
  --display-2: clamp(1.25rem, 2.2vw, 1.875rem);
  --leading-display: 1.15;

  --notch: 20px;
  --line: var(--border-2);
  --shadow-x: 7px;
  --shadow-y: 7px;
  --shadow-hover-x: 11px;
  --shadow-hover-y: 11px;

  --dot-color: color-mix(in srgb, var(--accent) 14%, transparent);
  --dot-gap: 22px;
  --dot-parallax: 0.16;

  --dither-cell: 6px;
  --dither-tint: color-mix(in srgb, var(--accent) 45%, transparent);
  --dither-band-height: clamp(170px, 20vw, 300px);

  --crt-opacity: 0.22;
  --crt-line: 3px;
  --crt-vignette: 0.55;

  --arrow-color: var(--accent);
  --arrow-width: 4px;
  --arrow-dash: 14 10;
  --arrow-glow: color-mix(in srgb, var(--accent) 50%, transparent);
  --arrow-head: 20px;
}