:root {
  color-scheme: light;

  --paper: #f1ebdc;
  --paper-raised: #fcfaf3;
  --paper-bright: #fffef9;
  --paper-tint: #faf6ea;
  --paper-selected: #f5eeda;
  --paper-hover: #efe8d6;
  --paper-skeleton: #eee8d8;

  --ink: #1c1a15;
  --ink-2: #3b372e;
  --ink-body: #4a453b;
  --ink-3: #6e6759;
  --muted: #98917e;
  --faint: #c9c2b0;
  --ink-inverse: #faf7ef;

  --accent: #8c2f1b;
  --accent-deep: #5e1e10;
  --accent-wash: rgb(140 47 27 / 25%);
  --gold: #8a6d1f;
  --gold-border: #cbb878;
  --green: #5e7a66;
  --green-border: #a9b8a3;
  --green-bg: #f4f7f0;

  --rule-strong: #1c1a15;
  --rule-mid: #d8d0ba;
  --rule-soft: #e3dcc9;

  /* Font files will be vendored before production; these fallbacks make development private by default. */
  --font-display: "PT Serif", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", "Courier New", monospace;

  --shadow-toast: 0 8px 24px rgb(28 26 21 / 30%);
  --shadow-pin: 0 2px 6px rgb(28 26 21 / 30%);
  --focus-ring: 0 0 0 3px var(--paper), 0 0 0 5px var(--accent);
}