:root {
  --font-body: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-heading: var(--font-body);
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-display: "VT323", "IBM Plex Mono", monospace;
  --font-initial: var(--font-body);

  --font-size-body: 20px;
  --font-size-body-narrow: 18px;
  --line-height: 1.6;
  --line-height-tight: 1.25;
  --step--2: 0.72em;
  --step--1: 0.85em;
  --step-0: 1em;
  --step-1: 1.2em;
  --step-2: 1.45em;
  --step-3: 1.8em;
  --step-4: 2.4em;
  --step-5: 3em;

  --measure: 40rem;
  --page-padding: 1.25rem;
  --paragraph-indent: 2.5em;
  --text-align: justify;
  --hyphens: auto;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  --sidenote-gap: 2.25rem;
  --sidenote-min-width: 12rem;
  --sidenote-max-width: 19rem;
  --sidenote-size: 0.8rem;
  --sidenote-spacing: 0.75rem;
  --marginnote-width: 9rem;

  --toc-width: 15rem;
  --drop-cap-size: 4.4em;
  --initial-size: 4.6em;
  --emblem-size: 3rem;
  --emblem-size-row: 2rem;
  --emblem-color: var(--text);
  --emblem-color-row: var(--text-muted);
  --rule-image-width: 3.2em;
  --rule-image-height: 2.2em;
  --rule-strip-width: 15em;
  --rule-strip-height: 3.2em;
  --figure-height: 17rem;
  --epigraph-frame-width: 20rem;
  --rule-width: 1px;
  --rule-style: solid;
  --rule-ornament-1: "\2042";
  --rule-ornament-2: "\2766";
  --rule-ornament-3: "\00B7\2009\00B7\2009\00B7";

  --bg: #1c1a17;
  --bg-raised: #24211d;
  --bg-sunk: #161412;
  --text: #ddd6c9;
  --text-muted: #a59d8f;
  --text-faint: #7a7368;
  --rule: #3d3832;
  --link: var(--text);
  --link-underline: #6e675d;
  --link-hover: #f3ecdf;
  --accent: #d9805f;
  --accent-soft: #3a2a22;
  --selection: #4a3a2e;
  --code-bg: #211e1a;
  --table-stripe: #211f1b;

  --garnish-border: #6b6155;
  --garnish-cell-bg: #201d1a;
  --garnish-heading-bg: #2c2620;
  --garnish-link: #e3b56a;
  --shell-bg: #0e0d0b;
  --shell-text: #e2b45c;
  --shell-dim: #8c7342;
  --shell-border: #5a4a30;
  --critter-color: #a59d8f;

  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #f6f2ea;
  --bg-raised: #ede7dc;
  --bg-sunk: #e6dfd2;
  --text: #1e1b17;
  --text-muted: #5b544a;
  --text-faint: #7c7469;
  --rule: #cdc4b4;
  --link: var(--text);
  --link-underline: #a69c8c;
  --link-hover: #000000;
  --accent: #9c2d1c;
  --accent-soft: #f0dcd2;
  --selection: #e8d6bf;
  --code-bg: #efe9df;
  --table-stripe: #efeae0;

  --garnish-border: #8a7f70;
  --garnish-cell-bg: #fbf8f2;
  --garnish-heading-bg: #e9e1d2;
  --garnish-link: #2b4fa8;
  --shell-bg: #14130f;
  --shell-text: #e2b45c;
  --shell-dim: #8c7342;
  --shell-border: #3b3328;
  --critter-color: #5b544a;

  color-scheme: light;
}