/* Design tokens. The canvases read these too (via getComputedStyle). */
:root {
  /* Light: paper & ink (the analytic era) */
  --paper: #f3f1eb;
  --paper-2: #e9e6dd;
  --paper-3: #e1ddd2;
  --ink: #121212;
  --ink-2: #4a4945;
  --ink-3: #8b8a84;
  --rule: rgba(18, 18, 18, 0.12);

  /* Light-on-dark, only for the photo lightbox */
  --chalk: #ecebe6;
  --chalk-2: #a9a7a1;
  --rule-d: rgba(236, 235, 230, 0.12);

  /* One loud colour, used sparingly */
  --accent: #ff4d1f;
  --accent-soft: rgba(255, 77, 31, 0.14);

  /* Embedding clusters */
  --g-ml: #121212;
  --g-genai: #ff4d1f;
  --g-opt: #3b5bdb;
  --g-eng: #2b8a4e;

  --serif: 'Instrument Serif', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --sans: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --pad: clamp(20px, 4vw, 56px);
  --maxw: 1360px;
  --topbar: 64px;
  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
}