/* Generated by script/build-site.mjs from tokens/tokens.json. Don't edit. */
:root, [data-mode="light"] {
  color-scheme: light;
  --win: #ffffff;
  --side: #f4f4f5;
  --text: #1d1d1f;
  --text2: #6b6b70;
  --text3: #9c9ca2;
  --line: rgba(0,0,0,0.075);
  --line2: rgba(0,0,0,0.13);
  --hover: rgba(0,0,0,0.045);
  --field: rgba(0,0,0,0.055);
  --control: #ffffff;
  --menu: #f6f6f7;
  --acc: oklch(0.55 0.13 257);
  --onacc: #ffffff;
  --sel: oklch(0.55 0.13 257 / 0.15);
  --acc-soft: oklch(0.55 0.13 257 / 0.26);
  --acc-border: oklch(0.55 0.13 257 / 0.45);
  --acc-faint: oklch(0.55 0.13 257 / 0.07);
  --acc-fill: oklch(0.55 0.13 257);
  --danger-fill: #c9302d;
  --danger: #d33a2f;
  --ok: #2f9e4f;
  --warn: #c4870a;
  --scrim: rgba(0,0,0,0.14);
  --ink-green: #187a3b;
  --ink-orange: #ab5200;
  --ink-blue: #1b69ad;
  --ink-plum: #864a94;
  --ink-red: #b63b35;
  --ink-teal: #007b7d;
  --syntax-key: var(--ink-blue);
  --syntax-string: var(--ink-green);
  --syntax-number: var(--ink-orange);
  --syntax-literal: var(--ink-plum);
  --syntax-keyword: var(--ink-plum);
  --syntax-tag: var(--ink-blue);
  --syntax-attribute: var(--ink-orange);
  --syntax-function: var(--ink-teal);
  --syntax-punctuation: var(--text2);
  --syntax-comment: var(--text2);
  --method-get: var(--ink-green);
  --method-post: var(--ink-orange);
  --method-put: var(--ink-blue);
  --method-patch: var(--ink-plum);
  --method-delete: var(--ink-red);
  --method-other: var(--text2);
  --status-info: var(--text2);
  --status-success: var(--ink-green);
  --status-redirect: var(--ink-blue);
  --status-client-error: var(--ink-orange);
  --status-server-error: var(--ink-red);
  --accent-slate: oklch(0.55 0.13 257);
  --accent-teal: oklch(0.55 0.09 195);
  --accent-graphite: oklch(0.42 0.015 260);
  --accent-plum: oklch(0.52 0.12 330);
  --shadow-window: 0 22px 70px rgba(0,0,0,0.2), 0 0 0 0.5px rgba(0,0,0,0.22);
  --shadow-menu: 0 8px 28px rgba(0,0,0,0.22), 0 0 0 0.5px rgba(0,0,0,0.13);
  --shadow-toast: 0 12px 40px rgba(0,0,0,0.14), 0 0 0 0.5px rgba(0,0,0,0.2);
  --space-1: 4px;
  --space-1_5: 6px;
  --space-2: 8px;
  --space-2_5: 10px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5_5: 22px;
  --space-6: 24px;
  --space-7: 28px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-xs: 2px;
  --radius-tile: 4px;
  --radius-control: 5px;
  --radius-row: 6px;
  --radius-menu: 8px;
  --radius-card: 8px;
  --radius-toast: 12px;
  --radius-pill: 999px;
  --size-control: 22px;
  --size-field: 26px;
  --size-row-compact: 24px;
  --size-row: 28px;
  --size-row-two-line: 34px;
  --size-kv-row: 26px;
  --size-tab-strip: 32px;
  --size-titlebar-mac: 38px;
  --size-titlebar: 34px;
  --size-icon: 16px;
  --size-icon-small: 14px;
  --size-indent: 14px;
  --size-focus-ring: 3px;
  --size-divider-hit: 7px;
  --size-page-column: 640px;
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, "Cascadia Mono", Consolas, "DejaVu Sans Mono", monospace;
  --type-body: 400 13px/18px var(--font-sans);
  --type-control: 400 12.5px/16px var(--font-sans);
  --type-small: 400 12px/16px var(--font-sans);
  --type-note: 400 11.5px/1.45 var(--font-sans);
  --type-meta: 400 11px/14px var(--font-sans);
  --type-badge: 600 11px/18px var(--font-sans);
  --type-mono: 400 10.5px/1.3 var(--font-mono);
  --type-code: 400 12px/18px var(--font-mono);
  --type-gutter: 400 11px/18px var(--font-mono);
  --type-mono-label: 700 10.5px/14px var(--font-mono);
  --type-page: 400 13px/1.6 var(--font-mono);
  --type-page-small: 400 12px/1.6 var(--font-mono);
  --type-page-title: 500 32px/1.15 var(--font-sans);
}
[data-mode="dark"] {
  color-scheme: dark;
  --win: #1c1c1e;
  --side: #232326;
  --text: #f1f1f3;
  --text2: #a3a3aa;
  --text3: #6e6e75;
  --line: rgba(255,255,255,0.075);
  --line2: rgba(255,255,255,0.13);
  --hover: rgba(255,255,255,0.055);
  --field: rgba(255,255,255,0.07);
  --control: #38383b;
  --menu: #2a2a2d;
  --acc: oklch(0.64 0.13 257);
  --onacc: #ffffff;
  --sel: oklch(0.64 0.13 257 / 0.28);
  --acc-soft: oklch(0.64 0.13 257 / 0.26);
  --acc-border: oklch(0.64 0.13 257 / 0.45);
  --acc-faint: oklch(0.64 0.13 257 / 0.07);
  --acc-fill: oklch(0.55 0.13 257);
  --danger-fill: #c9302d;
  --danger: #ff6b61;
  --ok: #3ecf6a;
  --warn: #e6a82a;
  --scrim: rgba(0,0,0,0.14);
  --ink-green: #7ccd8e;
  --ink-orange: #f2a26a;
  --ink-blue: #7abdff;
  --ink-plum: #d99ee7;
  --ink-red: #fb988d;
  --ink-teal: #3bcfcf;
  --syntax-key: var(--ink-blue);
  --syntax-string: var(--ink-green);
  --syntax-number: var(--ink-orange);
  --syntax-literal: var(--ink-plum);
  --syntax-keyword: var(--ink-plum);
  --syntax-tag: var(--ink-blue);
  --syntax-attribute: var(--ink-orange);
  --syntax-function: var(--ink-teal);
  --syntax-punctuation: var(--text2);
  --syntax-comment: var(--text2);
  --method-get: var(--ink-green);
  --method-post: var(--ink-orange);
  --method-put: var(--ink-blue);
  --method-patch: var(--ink-plum);
  --method-delete: var(--ink-red);
  --method-other: var(--text2);
  --status-info: var(--text2);
  --status-success: var(--ink-green);
  --status-redirect: var(--ink-blue);
  --status-client-error: var(--ink-orange);
  --status-server-error: var(--ink-red);
  --accent-slate: oklch(0.64 0.13 257);
  --accent-teal: oklch(0.64 0.09 195);
  --accent-graphite: oklch(0.78 0.01 260);
  --accent-plum: oklch(0.64 0.12 330);
  --shadow-window: 0 22px 70px rgba(0,0,0,0.6), 0 0 0 0.5px rgba(255,255,255,0.14);
  --shadow-menu: 0 8px 28px rgba(0,0,0,0.22), 0 0 0 0.5px rgba(255,255,255,0.13);
  --shadow-toast: 0 12px 40px rgba(0,0,0,0.5), 0 0 0 0.5px rgba(255,255,255,0.14);
}