/* Design tokens for every web_pjs page. A rebrand is this one file. */
:root {
  --bg: #0a0a0a;
  --surface: #131313;
  --surface-2: #1c1c1c;
  --line: #2a2a2a;
  --text: #ededed;
  --text-dim: #a0a0a0;      /* AA on --bg */
  --accent: #f2b84b;        /* the one accent colour */
  --accent-ink: #141006;    /* text on the accent */
  --danger: #ff7a70;
  --ok: #7ad99b;
  --radius: 10px;
  --space-1: 4px; --space-2: 8px; --space-3: 16px; --space-4: 24px; --space-5: 40px; --space-6: 72px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --size-s: 0.875rem; --size-m: 1rem; --size-l: 1.25rem; --size-xl: 2rem; --size-hero: clamp(2.25rem, 7vw, 4.5rem);
  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
  --content: 1120px;
}