/* Shared visual tokens for the four main sections. Loaded after each site's original CSS. */
:root {
  --site-canvas: #fff;
  --site-hero: #f2f3f5;
  --site-ink: #17191b;
  --site-secondary: #55595e;
  --site-muted: #767a7f;
  --site-rule: #e2e3e5;
  --site-strong-rule: #a5a9ad;
  --site-pixel: "Maki Pixel", "code", monospace;
  --site-mono: "code", ui-monospace, monospace;
}
[data-theme="dark"] {
  --site-canvas: #151618;
  --site-hero: #1e2023;
  --site-ink: #f3f3f3;
  --site-secondary: #c6c6c8;
  --site-muted: #9b9da1;
  --site-rule: #373a3d;
  --site-strong-rule: #73777b;
}