/* Handout system for Synapse study screens.
   Core palette: paper, ink, marker, correct, wrong, flagged. */

:root {
  --paper: #f5f7f6;
  --ink: #1a2421;
  --secondary: #3e524a;
  --marker: #e4c04a;
  --marker-wash: #eddea9;
  --correct: #0e7a43;
  --wrong: #be2f1b;
  --wrong-soft: #f6d6d0;
  --flagged: #2741c4;
  --line: #d3dcd7;
  --track: #e3eae6;
  --desk: #d5dedf;
  --bezel: #1a2421;
  --on-ink: #f5f7f6;

  --font-reading: "Literata", "Iowan Old Style", Palatino, "Palatino Linotype", serif;
  --font-ui: "Atkinson Hyperlegible", "Avenir Next", "Segoe UI", sans-serif;

  --text-title: 1.75rem;
  --text-fact: 1.25rem;
  --text-stem: 1.0625rem;
  --text-note: 1rem;
  --text-ui: 0.9375rem;
  --text-small: 0.8125rem;

  --leading-tight: 1.2;
  --leading-ui: 1.35;
  --leading-fact: 1.45;
  --leading-reading: 1.5;

  --weight-regular: 400;
  --weight-reading: 560;
  --weight-bold: 700;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;

  --radius-phone: 28px;
  --radius-screen: 20px;
  --radius-control: 6px;
  --radius-mark: 2px;
  --radius-bar: 3px;

  --rule-width: 1px;
  --rule-strong: 2px;
  --size-phone-w: 390px;
  --size-phone-h: 844px;
  --bezel-width: 8px;
  --size-mark: 16px;
  --size-bar: 8px;
  --size-tick: 4px;
  --size-target: 44px;
  --measure: 62ch;
}