/* Generated from tokens.json — do not edit. Run: node brand/scripts/build-tokens.mjs */
:root, .sz-page {
  --sz-lime: #BAD43B;
  --sz-green: #1C421D;
  --sz-green-hover: #143216;
  --sz-on-green: #FFFFFF;
  --sz-lime-tint: #F1F8E3;
  --sz-canvas: #F5F6F2;
  --sz-surface: #FFFFFF;
  --sz-surface-2: #FAFAF7;
  --sz-surface-3: #FFFFFF;
  --sz-ink: #18181B;
  --sz-ink-2: #62626D;
  --sz-line: #E7E8E3;
  --sz-line-strong: #8E918A;
  --sz-good: #146C34;
  --sz-good-tint: #E8F6ED;
  --sz-warn: #B45309;
  --sz-warn-tint: #FDF4E3;
  --sz-bad: #B91C1C;
  --sz-bad-tint: #FDECEC;
  --sz-on-bad: #FFFFFF;
  --sz-shell: #0C0F00;
  --sz-shell-fg: #F0EEE9;
  --sz-shell-fg-2: #9FCBA8;
  --sz-shell-wash: #1F2508;
  --sz-shell-line: rgba(240, 238, 233, 0.12);
  --sz-shadow-1: 0 1px 2px rgba(20, 30, 16, 0.04);
  --sz-shadow-2: 0 6px 20px -10px rgba(20, 30, 16, 0.08);
  --sz-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --sz-font-mono: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
  --sz-radius-sm: 6px;
  --sz-radius-md: 10px;
  --sz-radius-lg: 14px;
  --sz-tap: 44px;
  --sz-space-1: 4px;
  --sz-space-2: 8px;
  --sz-space-3: 12px;
  --sz-space-4: 16px;
  --sz-space-6: 24px;
  --sz-space-8: 32px;
  --sz-space-12: 48px;
  --sz-space-16: 64px;
  --sz-text-meta: 0.75rem;
  --sz-text-secondary: 0.875rem;
  --sz-text-body: 1rem;
  --sz-text-h5: 1.25rem;
  --sz-text-h4: 1.5rem;
  --sz-text-h3: 1.875rem;
  --sz-text-h2: 2.25rem;
  --sz-text-h1: 3rem;
  --sz-leading-tight: 1.2;
  --sz-leading-body: 1.5;
  --sz-leading-meta: 1.4;
  --sz-weight-regular: 400;
  --sz-weight-medium: 500;
  --sz-weight-semibold: 600;
  --sz-page-max: 1280px;
}

html[data-theme="dark"], .dark, html[data-theme="dark"] .sz-page, .dark .sz-page {
  --sz-lime: #BAD43B;
  --sz-green: #BAD43B;
  --sz-green-hover: #CDE272;
  --sz-on-green: #0B2410;
  --sz-lime-tint: #1E2610;
  --sz-canvas: #0B0B0B;
  --sz-surface: #161616;
  --sz-surface-2: #1B1B1B;
  --sz-surface-3: #222222;
  --sz-ink: #F0EEE9;
  --sz-ink-2: #ADADAD;
  --sz-line: #2A2A2A;
  --sz-line-strong: #6B6B6B;
  --sz-good: #7BC26F;
  --sz-good-tint: #15261C;
  --sz-warn: #E0B45A;
  --sz-warn-tint: #2A2312;
  --sz-bad: #F08A86;
  --sz-bad-tint: #2C1616;
  --sz-on-bad: #2C1616;
  --sz-shell: #0C0F00;
  --sz-shell-fg: #F0EEE9;
  --sz-shell-fg-2: #9FCBA8;
  --sz-shell-wash: #1F2508;
  --sz-shell-line: rgba(240, 238, 233, 0.12);
  --sz-shadow-1: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --sz-shadow-2: none;
}

.sz-shell {
  --sz-lime: #BAD43B;
  --sz-green: #BAD43B;
  --sz-green-hover: #CDE272;
  --sz-on-green: #0B2410;
  --sz-lime-tint: #1F2508;
  --sz-canvas: #0C0F00;
  --sz-surface: #0C0F00;
  --sz-surface-2: #1F2508;
  --sz-surface-3: #222222;
  --sz-ink: #F0EEE9;
  --sz-ink-2: #9FCBA8;
  --sz-line: rgba(240, 238, 233, 0.12);
  --sz-line-strong: #6B6B6B;
  --sz-good: #7BC26F;
  --sz-good-tint: #15261C;
  --sz-warn: #E0B45A;
  --sz-warn-tint: #2A2312;
  --sz-bad: #F08A86;
  --sz-bad-tint: #2C1616;
  --sz-on-bad: #2C1616;
  --sz-shell: #0C0F00;
  --sz-shell-fg: #F0EEE9;
  --sz-shell-fg-2: #9FCBA8;
  --sz-shell-wash: #1F2508;
  --sz-shell-line: rgba(240, 238, 233, 0.12);
  --sz-shadow-1: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --sz-shadow-2: none;
  color-scheme: dark;
  background-color: var(--sz-shell);
  color: var(--sz-shell-fg);
}

.sz-page {
  color: var(--sz-ink);
}