/* Reading Room tokens — PLAN-HOMEPAGE-2026-09 §3.
 *
 * Everything is scoped to `.rr`, so a page opts in by putting that class
 * on its wrapper and nothing outside it changes. The rest of the site
 * keeps the design-system tokens (Inter, --color-*).
 *
 * Contrast, computed (WCAG 2.1 relative luminance) against the darkest
 * ground text sits on, --rr-paper-sunken (#EFE9DD), so every other paper is
 * better. AA needs 4.5:1 for body text, 3:1 for large text and UI marks.
 * tests/test_home_rr_foundation.py recomputes these; change a colour and
 * the test tells you if it still passes.
 *   --rr-ink      #1B1A17  14.4:1   body, headings, solid chip ground
 *   --rr-ink-2    #3A3630   9.9:1   supporting text, kickers
 *   --rr-ink-3    #5C574E   5.9:1   meta (source, date, counts) — the floor;
 *                                   nothing lighter carries text
 *   --rr-accent   #1F4D3F   7.9:1   links; paper on it (button) is 8.6:1
 *   --rr-type-*   3.9:1 to 6.9:1    the 8px dot ONLY (a UI mark, 3:1).
 *                                   --rr-type-guideline is 3.9:1, so a type
 *                                   colour is never a text colour; the label
 *                                   beside the dot is --rr-ink-2.
 *   --rr-highlight under --rr-ink is 13.5:1. It is a ground, never text.
 *   --rr-rule / -strong / -soft and --rr-thumb are borders and fills only.
 */
.rr {
  /* paper */
  --rr-paper: #F6F2EA;
  --rr-paper-raised: #FBF9F4;
  --rr-paper-sunken: #EFE9DD;
  --rr-thumb: #DDD5C4;              /* media placeholder before the image loads */

  /* ink */
  --rr-ink: #1B1A17;
  --rr-ink-2: #3A3630;
  --rr-ink-3: #5C574E;

  /* rules — borders only */
  --rr-rule: #D9D2C3;               /* card edges, row dividers */
  --rr-rule-strong: #C9C1B0;        /* control borders: pills, round buttons */
  --rr-rule-soft: #E4DDCE;          /* dividers inside a card */

  --rr-accent: #1F4D3F;
  --rr-highlight: #F3E2A6;

  /* statement types — the dot, one hue per kind of claim */
  --rr-type-guideline: #9A6A00;
  --rr-type-research: #1D4E89;
  --rr-type-established: #1F4D3F;
  --rr-type-opinion: #6B3F7A;
  --rr-type-open: #9B2C2C;

  /* three radii, and only three — plus the one exception the plan names:
     the dark band's outer corner (§4: "logo plates 10px, dark band 24px") */
  --rr-radius-pill: 999px;
  --rr-radius-card: 16px;
  --rr-radius-media: 12px;
  --rr-radius-band: 24px;
  --rr-radius-none: 0;              /* an explicit reset, for rules that undo a radius */

  --rr-font-display: 'Newsreader', 'Iowan Old Style', Georgia, serif;
  --rr-font-body: 'IBM Plex Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --rr-font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --rr-tap: 44px;                   /* minimum touch target */
}