/* Setupwise tokens — generated from the Stepwise design system (tokens.json). */
:root {
  color-scheme: light;
  --font-sans: Geist, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-0: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --container: 1200px;
  --sidebar-width: 300px;
  --sidebar-width-tablet: 240px;
  --prose-max: 760px;
  --header-height: 56px;
  --bp-tablet: 1024px;
  --bp-mobile: 768px;
  --border-hairline: 1px;
  --border-active: 2px;
  --z-sticky: 10;
  --z-header: 40;
  --z-overlay: 100;
  --bg: #ffffff;
  --bg-subtle: #fafafa;
  --bg-muted: #f4f4f5;
  --line: #e4e4e7;
  --line-control: #8a8a93;
  --ink: #18181b;
  --ink-secondary: #52525b;
  --ink-muted: #6b6b74;
  --accent: #0b5fd0;
  --accent-hover: #0a4fae;
  --accent-soft: #eef4ff;
  --on-accent: #ffffff;
  --note: #3f3f46;
  --note-soft: #f6f6f7;
  --info: var(--accent);
  --info-soft: var(--accent-soft);
  --tip: #15803d;
  --tip-soft: #f0fbf3;
  --warning: #a35200;
  --warning-soft: #fff8eb;
  --danger: #c42121;
  --danger-soft: #fff2f2;
  --code-ink: #18181b;
  --code-highlight: var(--accent-soft);
  --syn-keyword: #b4235a;
  --syn-string: #1a7f37;
  --syn-number: #a35200;
  --syn-function: #0b5fd0;
  --syn-attr: #6639ba;
  --syn-comment: #6b6b74;
  --shadow-popover: 0 8px 24px rgba(0,0,0,0.08), 0 0 0 1px #e4e4e7;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111113;
  --bg-subtle: #18181b;
  --bg-muted: #1f1f23;
  --line: #2e2e33;
  --line-control: #6b6b74;
  --ink: #ededef;
  --ink-secondary: #a1a1aa;
  --ink-muted: #8b8b94;
  --accent: #4c9aff;
  --accent-hover: #79b4ff;
  --accent-soft: #13294a;
  --on-accent: #0a0a0b;
  --note: #d4d4d8;
  --note-soft: #1c1c20;
  --info: var(--accent);
  --info-soft: var(--accent-soft);
  --tip: #4ade80;
  --tip-soft: #0f2418;
  --warning: #f5b544;
  --warning-soft: #2a1f0a;
  --danger: #ff7b7b;
  --danger-soft: #2c1313;
  --code-ink: #e4e4e7;
  --code-highlight: #172540;
  --syn-keyword: #ff7ab2;
  --syn-string: #7ee787;
  --syn-number: #f5b544;
  --syn-function: #79b8ff;
  --syn-attr: #d2a8ff;
  --syn-comment: #8b8b94;
  --shadow-popover: 0 8px 24px rgba(0,0,0,0.5), 0 0 0 1px #2e2e33;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #111113;
    --bg-subtle: #18181b;
    --bg-muted: #1f1f23;
    --line: #2e2e33;
    --line-control: #6b6b74;
    --ink: #ededef;
    --ink-secondary: #a1a1aa;
    --ink-muted: #8b8b94;
    --accent: #4c9aff;
    --accent-hover: #79b4ff;
    --accent-soft: #13294a;
    --on-accent: #0a0a0b;
    --note: #d4d4d8;
    --note-soft: #1c1c20;
    --info: var(--accent);
    --info-soft: var(--accent-soft);
    --tip: #4ade80;
    --tip-soft: #0f2418;
    --warning: #f5b544;
    --warning-soft: #2a1f0a;
    --danger: #ff7b7b;
    --danger-soft: #2c1313;
    --code-ink: #e4e4e7;
    --code-highlight: #172540;
    --syn-keyword: #ff7ab2;
    --syn-string: #7ee787;
    --syn-number: #f5b544;
    --syn-function: #79b8ff;
    --syn-attr: #d2a8ff;
    --syn-comment: #8b8b94;
    --shadow-popover: 0 8px 24px rgba(0,0,0,0.5), 0 0 0 1px #2e2e33;
  }
}