:root {
  color-scheme: light;
  --ui-bg: #f5f5f7;
  --ui-surface: #ffffff;
  --ui-surface-subtle: #fafafa;
  --ui-text: #1d1d1f;
  --ui-text-secondary: #6e6e73;
  --ui-text-tertiary: #646469;
  --ui-separator: #d2d2d7;
  --ui-separator-soft: #e8e8ed;
  --ui-accent: #0071e3;
  --ui-accent-hover: #0077ed;
  --ui-accent-soft: #e8f3ff;
  --ui-success: #197132;
  --ui-success-soft: #edf8ef;
  --ui-warning: #b25000;
  --ui-warning-soft: #fff6e9;
  --ui-danger: #d70015;
  --ui-danger-hover: #e30018;
  --ui-danger-soft: #fff0f1;
  --ui-focus: rgba(0, 113, 227, 0.24);
  --ui-shadow-dialog: 0 24px 70px rgba(0, 0, 0, 0.18);
  --ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  --ui-radius-control: 6px;
  --ui-radius-panel: 8px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 24px;
  --ui-space-6: 32px;
  --ui-motion-fast: 160ms;
  --ui-motion: 200ms;
  --ui-sidebar-admin: 256px;
  --ui-sidebar-portal: 244px;
}

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