/* Allpay API Docs — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #f5f5f5;
  --card: #ffffff;
  --nav: #fafafa;
  --fill: #f0f0f1;
  --text: #2c2c34;
  --text-2: #4f4f60;
  --text-3: #6a6970;
  --border: #dadadb;
  --border-soft: #ececee;
  --border-strong: #85848b;
  --strong: #2c2c34;
  --on-strong: #ffffff;
  --accent: #5645e1;
  --accent-text: #5645e1;
  --accent-subtle: #796aef1a;
  --method: #5645e1;
  --on-method: #ffffff;
  --chip: #f0eefe;
  --chip-text: #3f31b0;
  --brand-mark: #746aef;
  --info-bg: #00c5d41a;
  --info-fg: #006b73;
  --warn-bg: #ffc32826;
  --warn-fg: #7a5000;
  --err-bg: #e8424214;
  --err-fg: #ae1f1f;
  --ok-bg: #00b3241a;
  --ok-fg: #04711a;
  --code-bg: #1c1c22;
  --code-head: #25252d;
  --code-line: #34343e;
  --code-text: #d8dce3;
  --code-muted: #a9afba;
  --code-gutter: #6b7280;
  --code-tab-on: #ececef;
  --syn-key: #b3a9ff;
  --syn-string: #9fd88c;
  --syn-number: #f5bd80;
  --syn-keyword: #e0b3ff;
  --syn-comment: #8b93a3;
  --syn-variable: #f2a7d6;
  --scrollbar: #4a4a58;
}
[data-theme="dark"] {
  --surface: #18181d;
  --card: #202026;
  --nav: #1c1c22;
  --fill: #2a2a32;
  --text: #ececef;
  --text-2: #c4c4cc;
  --text-3: #a3a2aa;
  --border: #383842;
  --border-soft: #2c2c34;
  --border-strong: #7a7a88;
  --strong: #ececef;
  --on-strong: #18181d;
  --accent: #796aef;
  --accent-text: #b3a9ff;
  --accent-subtle: #796aef2e;
  --chip: #796aef26;
  --chip-text: #cfc8ff;
  --info-bg: #00c5d41f;
  --info-fg: #6fe3ec;
  --warn-bg: #ffc3281f;
  --warn-fg: #ffd666;
  --err-bg: #e842421f;
  --err-fg: #ff9a9a;
  --ok-bg: #00b3241f;
  --ok-fg: #7be08f;
  --code-bg: #121216;
  --code-head: #1a1a20;
  --code-line: #2a2a32;
}
:root {
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-40: 40px;
  --space-48: 48px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-full: 9999px;
  --layout-nav: 240px;
  --layout-article: 540px;
  --layout-code: 320px;
  --layout-measure: 720px;
  --bp-phone: 760px;
  --bp-code: 1100px;
  --bp-compact: 1180px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}
.t-page-title { font-family: var(--font-sans); font-size: 32px; line-height: 1.2; font-weight: 650; letter-spacing: -0.02em; }
.t-section-title { font-family: var(--font-sans); font-size: 20px; line-height: 1.3; font-weight: 650; letter-spacing: -0.01em; }
.t-card-title { font-family: var(--font-sans); font-size: 17px; line-height: 1.3; font-weight: 650; }
.t-eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 1.35; font-weight: 700; letter-spacing: 0.05em; }
.t-lead { font-family: var(--font-sans); font-size: 16.5px; line-height: 1.55; font-weight: 400; }
.t-body { font-family: var(--font-sans); font-size: 15px; line-height: 1.6; font-weight: 400; }
.t-field { font-family: var(--font-sans); font-size: 14.5px; line-height: 1.55; font-weight: 400; }
.t-ui { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 500; }
.t-caption { font-family: var(--font-sans); font-size: 12.5px; line-height: 1.45; font-weight: 400; }
.t-badge { font-family: var(--font-sans); font-size: 11px; line-height: 1.4; font-weight: 700; letter-spacing: 0.03em; }
.t-field-name { font-family: var(--font-mono); font-size: 13.5px; line-height: 1.4; font-weight: 650; }
.t-code { font-family: var(--font-mono); font-size: 12.5px; line-height: 1.7; font-weight: 400; }
.t-type { font-family: var(--font-mono); font-size: 12px; line-height: 1.4; font-weight: 400; }