:root {
  color-scheme: light;
  --v2-ink: #172033;
  --v2-text-strong: #101828;
  --v2-text-muted: #475467;
  --v2-text-inverse: #ffffff;
  --v2-canvas: #f5f7fa;
  --v2-surface: #ffffff;
  --v2-surface-subtle: #f8fafc;
  --v2-surface-raised: #ffffff;
  --v2-border: #dfe3e8;
  --v2-border-strong: #cbd2dc;
  --v2-primary: #2457d6;
  --v2-primary-hover: #1d48b8;
  --v2-primary-soft: #eef4ff;
  --v2-success: #067647;
  --v2-success-soft: #ecfdf3;
  --v2-warning: #b54708;
  --v2-warning-soft: #fffaeb;
  --v2-danger: #b42318;
  --v2-danger-hover: #912018;
  --v2-danger-soft: #fff4f2;
  --v2-info: #2457d6;
  --v2-info-soft: #eef4ff;
  --v2-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  --v2-font-size-label: 13px;
  --v2-font-size-base: 14px;
  --v2-font-size-large: 16px;
  --v2-font-size-h1: 28px;
  --v2-font-size-h2: 22px;
  --v2-font-size-h3: 18px;
  --v2-line-height: 1.5;
  --v2-space-1: 4px;
  --v2-space-2: 8px;
  --v2-space-3: 12px;
  --v2-space-4: 16px;
  --v2-space-5: 24px;
  --v2-space-6: 32px;
  --v2-space-7: 48px;
  --v2-radius-control: 6px;
  --v2-radius-card: 8px;
  --v2-radius-dialog: 12px;
  --v2-radius-pill: 999px;
  --v2-shadow-small: 0 1px 2px rgba(16, 24, 40, .04);
  --v2-shadow-overlay: 0 12px 32px rgba(16, 24, 40, .14);
  --v2-content-max: 1280px;
  --v2-form-max: 720px;
  --v2-sidebar-width: 240px;
  --v2-sidebar-rail: 72px;
  --v2-topbar-height: 64px;
  --v2-preview-height: 36px;
  --v2-control-height: 40px;
  --v2-control-compact: 32px;
  --v2-touch-target: 44px;
  --v2-focus-color: #2457d6;
  --v2-focus-width: 3px;
  --v2-focus-offset: 2px;
  --v2-motion-fast: 120ms;
  --v2-motion-normal: 180ms;
  --v2-z-sidebar: 20;
  --v2-z-backdrop: 30;
  --v2-z-drawer: 40;
  --v2-z-modal: 50;
}

@media (max-width: 767px) {
  :root { --v2-topbar-height: 56px; --v2-preview-height: 56px; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --v2-motion-fast: 0ms; --v2-motion-normal: 0ms; }
}
