/* Global website colors. Both the landing page and manuscript load this file.
   Edit the core colors for a new theme; the detail colors control notes,
   captions, focus indicators, and overlays. Figures and the PDF are separate. */
:root {
  /* Core palette */
  --ink: #1a1c1e;
  --graphite: #33393f;
  --muted: #68717a;
  --hairline: #d8dcdf;
  --paper: #fffefb;
  --canvas: #f1f2ef;
  --soft: #f5f6f4;
  --reading-middle: #d9dce0;
  --reading-middle-hover: #c9cbce;
  --link: #334d63;
  --link-hover: #172f42;
  --on-ink: #ffffff;
  --focus: #345d78;

  /* Document details */
  --cover-muted: #454b50;
  --quote-text: #3f474d;
  --quote-border: #9da4a9;
  --caption: #545c62;
  --note-text: #46515a;
  --note-background: #f4f6f6;
  --note-border: #aeb9bf;
  --note-marker: #2e4658;
  --note-highlight: #fff3b8;
  --note-divider: #cbd1d5;
  --print-border: #888888;

  /* Shadows and modal backdrop */
  --shadow-paper: rgba(35, 42, 46, 0.08);
  --shadow-editorial: rgba(35, 42, 46, 0.025);
  --shadow-panel: rgba(35, 42, 46, 0.2);
  --scrim: rgba(24, 30, 34, 0.5);
}