:root, [data-theme="light"] {
  --surface: #f6f7f9;
  --surface-raised: #ffffff;
  --surface-sunken: #eef0f3;
  --line: #e3e6eb;
  --line-strong: #7f8896;
  --ink: #14171c;
  --ink-muted: #5b6472;
  --ink-faint: #7c8593;
  --brand: #512bd4;
  --brand-hover: #4322b3;
  --brand-soft: #ede8fb;
  --on-brand: #ffffff;
  --success: #167a45;
  --success-soft: #e3f5ea;
  --danger: #c42b21;
  --danger-soft: #fde8e6;
  --warning: #9a5b00;
  --warning-soft: #fff1d6;
  --info: #1f5fbf;
  --info-soft: #e3edfb;
  --link: var(--brand);
  --focus: var(--brand);
  --terminal: #0f1218;
  --terminal-ink: #d7dce4;
  --terminal-muted: #8b93a1;
  --shadow-sm: 0 1px 2px rgba(20, 23, 28, 0.06);
  --shadow-md: 0 4px 12px rgba(20, 23, 28, 0.10), 0 1px 2px rgba(20, 23, 28, 0.06);
  --shadow-lg: 0 16px 40px rgba(20, 23, 28, 0.16);
}
[data-theme="dark"] {
  --surface: #0f1115;
  --surface-raised: #171a20;
  --surface-sunken: #0b0d11;
  --line: #262b34;
  --line-strong: #6b7483;
  --ink: #e8ebf0;
  --ink-muted: #9aa3b2;
  --ink-faint: #737c8b;
  --brand: #a78bfa;
  --brand-hover: #bda6fb;
  --brand-soft: #241a3f;
  --on-brand: #14171c;
  --success: #4ade80;
  --success-soft: #10291b;
  --danger: #f87171;
  --danger-soft: #3a1614;
  --warning: #fbbf24;
  --warning-soft: #3a2a08;
  --info: #60a5fa;
  --info-soft: #12243d;
  --link: var(--brand);
  --focus: var(--brand);
  --terminal: #0b0d11;
  --terminal-ink: #d7dce4;
  --terminal-muted: #8b93a1;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.6);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-full: 999px;
  --font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;
}
.display { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 600; letter-spacing: -0.02em; }
.title { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.heading { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.04em; }
.stat { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -0.02em; }
.mono { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.mono-log { font-family: var(--font-mono); font-size: 12.5px; line-height: 19px; font-weight: 400; }