/* v03-split — token overrides. Burnt orange against cold teal on a graphite
   black: a two-colour page where the left half is orange and the right half
   is quiet. */

:root {
  --bg: #0b0b0d;
  --surface: #141417;
  --surface-2: #1a1a1e;
  --surface-3: #202026;
  --border: #212126;
  --border-2: #55555f;
  --text: #f4f2ef;
  --text-dim: #aba69f;
  --text-faint: #8d8880;

  --accent: #ff6b2c;
  --accent-hi: #ff9a67;
  --accent-2: #25d0c0;
  --accent-2-hi: #74efe3;
  --on-accent: #120600;

  --font-display: var(--font-brand);
  --display-1: clamp(2.25rem, 4.6vw, 4.25rem);
  --display-2: clamp(1.75rem, 3vw, 2.75rem);

  --notch: 26px;
  --line: var(--border-2);
  --shadow-x: 8px;
  --shadow-y: 8px;
  --shadow-hover-x: 12px;
  --shadow-hover-y: 12px;

  --dot-color: color-mix(in srgb, var(--text) 14%, transparent);
  --dot-gap: 28px;
  --dot-parallax: 0.18;

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

  --crt-opacity: 0.1;
  --crt-vignette: 0.4;

  --arrow-color: var(--accent-2);
  --arrow-width: 5px;
  --arrow-dash: 16 12;
  --arrow-glow: color-mix(in srgb, var(--accent-2) 40%, transparent);
  --arrow-head: 22px;
}