:root {
  color-scheme: dark;
  --ui-bg-root: #090b0e;
  --ui-bg-canvas: #0d0f12;
  --ui-bg-page: #111317;
  --ui-bg-panel: rgba(23, 26, 31, 0.84);
  --ui-bg-panel-strong: rgba(17, 19, 23, 0.96);
  --ui-bg-panel-elevated: rgba(29, 33, 39, 0.94);
  --ui-bg-hover: rgba(255, 255, 255, 0.05);
  --ui-bg-active: rgba(255, 255, 255, 0.08);
  --ui-border-subtle: rgba(255, 255, 255, 0.08);
  --ui-border-default: rgba(255, 255, 255, 0.12);
  --ui-border-strong: rgba(255, 255, 255, 0.14);
  --ui-text-primary: rgba(255, 255, 255, 0.96);
  --ui-text-secondary: rgba(255, 255, 255, 0.66);
  --ui-text-tertiary: rgba(255, 255, 255, 0.4);
  --ui-text-bright: #f8fbff;
  --ui-accent: #3b82f6;
  --ui-accent-hover: #4a8df7;
  --ui-accent-deep: #2563eb;
  --ui-accent-muted: rgba(59, 130, 246, 0.14);
  --ui-focus-border: rgba(59, 130, 246, 0.44);
  --ui-focus-ring: rgba(59, 130, 246, 0.12);
  --ui-danger: #ef4444;
  --ui-warning: #f59e0b;
  --ui-success: #22c55e;
  --ui-shadow-panel: 0 20px 60px rgba(0, 0, 0, 0.32);
  --ui-radius-control: 12px;
  --ui-radius-card: 18px;
  --ui-radius-panel: 24px;
  --ui-font-sans: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
}