:root {
  --y: #ffb703; --y-d: #d0980b; --ink: #2b2a28; --ink-2: #555553; --tint: #ffefc8; --accent: #d9482b;
  --bg: #fffaed; --canvas: #fffaed; --surface: #ffffff; --surface-2: #fff5dc; --text: #2b2a28; --muted: #51504f; --line: #e1d3b2; --link: #2b2a28;
  --hdr-bg: #ffb703; --hdr-fg: #2b2a28;
  --ftr-bg: #2b2a28; --ftr-fg: #f4f1e2; --ftr-muted: #c9cbd2; --ftr-link: #ffb703;
  --ff-body: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", Quicksand, system-ui, sans-serif;
  --ff-head: ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", Quicksand, system-ui, sans-serif; --head-w: 800; --head-ls: -0.01em; --head-tt: none;
  --r: 16px; --r-lg: 22px; --btn-r: 14px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --tint: #3d310f; --bg: #131312; --canvas: #131312; --surface: #1d1d1b; --surface-2: #403f3e;
    --text: #f3f1e6; --muted: #d2d3da; --line: #41413f; --link: #ffb703;
  }
}