/* Design tokens: two risograph inks on New Consensus paper, plus NC's highlight. */
:root {
  /* Color */
  --paper: #FAF9F6;          /* New Consensus paper */
  --ink: #3255A4;            /* Riso Medium Blue: all text and solid fills */
  --ink-hover: #1F3A7A;
  --accent: #FF48B0;         /* Riso Fluorescent Pink: shapes, shadows, underlines */
  --accent-tint: #FFD1EA;    /* Pink printed at about 25% */
  --highlight: #E3FF04;      /* New Consensus chartreuse */
  --sun: var(--highlight);   /* the big circle behind headlines (was --accent pink) */
  --placeholder: #8C9BC4;
  --paper-rule: rgba(250, 249, 246, 0.45);  /* dashed rules on solid-ink sections */

  /* Type */
  --font-display: "Anybody", "Arial Black", sans-serif;
  --font-body: "Atkinson Hyperlegible", Verdana, sans-serif;
  --font-mono: "JetBrains Mono", Menlo, Consolas, monospace;
  --text-body: clamp(17px, 16px + 0.25vw, 20px);
  --text-intro: clamp(18px, 16px + 0.5vw, 23px);

  /* Space */
  --gutter: clamp(20px, 4.5vw, 64px);
  --page-max: 1440px;
  --section-space: clamp(64px, 9vw, 128px);

  /* Riso effects */
  --misregister: 0.05em 0.04em 0 var(--accent);
  --tag-skew: -6deg;
}
