/* Theme tokens: one light set, one dark set. data-theme is always set by the head script. */
:root {
  --page: #EDEEE9;
  --ink: #17201C;
  --accent: #E8C23E;
  --mat: #2B5344;
  --ink-2: color-mix(in srgb, var(--ink) 68%, var(--page));
  --line: color-mix(in srgb, var(--ink) 14%, transparent);
  --mat-line: rgba(228, 238, 226, 0.17); /* grid lines on the cutting mat */

  --ff: 'Archivo', 'Helvetica Neue', Arial, sans-serif;
  --ff-mono: 'Martian Mono', ui-monospace, monospace;

  /* Legacy names, kept until the sections that use them are rewritten. */
  --paper: var(--page);
  --paper-2: color-mix(in srgb, var(--page) 94%, var(--ink));
  --alu: color-mix(in srgb, var(--ink) 45%, var(--page));
  --cobalt: #2c3dff;
  --on-cobalt: #f4f5ff;
  color-scheme: light;
}
:root[data-theme='dark'] {
  --page: #1C1E1F;
  --ink: #ECECE6;
  --accent: #F2D50F;
  --mat: #232628;
  --mat-line: rgba(118, 160, 226, 0.26); /* blueprint lines */
  --cobalt: #8a96ff;
  --on-cobalt: #0d0f2a;
  color-scheme: dark;
}