:root {
  --y: #ffdd00; --y-d: #cfb714; --ink: #26325a; --ink-2: #515b7b; --tint: #fff8c7; --accent: #d9482b;
  --bg: #fffded; --canvas: #fffded; --surface: #ffffff; --surface-2: #fffadb; --text: #26325a; --muted: #495374; --line: #e1dcb8; --link: #26325a;
  --hdr-bg: #ffdd00; --hdr-fg: #26325a;
  --ftr-bg: #26325a; --ftr-fg: #f4f1e2; --ftr-muted: #c9cbd2; --ftr-link: #ffdd00;
  --ff-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ff-head: Avenir, "Avenir Next", Montserrat, Corbel, "URW Gothic", "Century Gothic", sans-serif; --head-w: 800; --head-ls: -0.01em; --head-tt: none;
  --r: 18px; --r-lg: 24px; --btn-r: 16px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --tint: #3c3a21; --bg: #111628; --canvas: #111628; --surface: #1a223d; --surface-2: #3c466a;
    --text: #f3f1e6; --muted: #e2e3e7; --line: #3f455c; --link: #ffdd00;
  }
}