/* Design tokens: the colours of the light and the dark theme, and the widths of the
three columns of the wide layout. Every other file refers to these variables. */

:root {
  color-scheme: light;
  --bg: #ffffff;
  --fg: #0b0b0b;
  --muted: #47433c;
  --rule: #cbc5b8;
  --surface: #f4f1e8;
  --ref: #163e85;      /* cross-references: LaTeX's RoyalBlue */
  --cite: #13582a;     /* citations: LaTeX's ForestGreen */
  --url: #8a3210;      /* links to the web: LaTeX's RedOrange */
  --target: #fbefb9;
  --selection: #dcd8ce;
  --measure: 34rem;
  --margin: 13rem;      /* margin notes (right) on wide screens */
  --toc: 14.5rem;       /* contents (left) on wide screens, wide enough for every entry */
  --toc-gap: 2.5rem;
  --margin-gap: 3rem;   /* amsart 11pt: \textwidth = 360pt = 32.9em, about 70 characters */
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #121314;
  --fg: #f3f0e9;
  --muted: #c2bdb3;
  --rule: #4a4a4f;
  --surface: #1d1e21;
  --ref: #a9c6ff;
  --cite: #93e3a9;
  --url: #ffb791;
  --target: #463c1c;
  --selection: #44413a;
}