/* v05-halftone — token overrides. Two inks on black newsprint: hot magenta
   and electric yellow. Nothing paints white text on the raw magenta; the
   filled controls use a darker magenta that carries white at 5.1:1. */

:root {
  --bg: #0a0008;
  --surface: #150410;
  --surface-2: #1c0715;
  --surface-3: #24091b;
  --border: #2a0c20;
  --border-2: #6b2e55;
  --text: #fdeef7;
  --text-dim: #d3a6c0;
  --text-faint: #ad7fa0;

  --accent: #ff2d95;
  --accent-hi: #ff86c2;
  --accent-2: #ffe600;
  --accent-2-hi: #fff275;
  --on-accent: #ffffff;
  /* The darkest magenta that still reads as magenta and carries white text. */
  --v5-ink: #d1177a;

  --font-display: var(--font-brand);
  --display-1: clamp(2.5rem, 5.6vw, 5rem);
  --display-2: clamp(1.75rem, 3.4vw, 3rem);

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

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

  --dither-cell: 7px;
  --dither-tint: color-mix(in srgb, var(--accent) 55%, transparent);
  --dither-band-height: clamp(150px, 18vw, 260px);

  --crt-opacity: 0.14;
  --crt-vignette: 0.5;

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