:root {
  color-scheme: light;
  --color-bg: #f5f7fa;
  --color-surface: #ffffff;
  --color-surface-2: #edf2f6;
  --color-text: #223347;
  --color-muted: #5d6d7f;
  --color-line: #dbe3eb;
  --color-primary: #176d7b;
  --color-primary-hover: #115663;
  --color-primary-soft: #e8f3f4;
  --color-primary-ink: #ffffff;
  --color-success: #23714d;
  --color-success-soft: #eaf4ee;
  --color-warning: #87510e;
  --color-warning-soft: #fff3db;
  --color-danger: #ac3d44;
  --color-danger-soft: #fcf0f0;
  --color-overlay: #14283a66;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: ui-monospace, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;
  --shadow-dialog: 0 16px 64px #18324924;
  --dur: 160ms;
  --ease: cubic-bezier(.2,.8,.2,1);
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-bg: #17212d;
  --color-surface: #202d3b;
  --color-surface-2: #283848;
  --color-text: #ecf1f7;
  --color-muted: #afbdcc;
  --color-line: #3b4e60;
  --color-primary: #8cd0d7;
  --color-primary-hover: #b3e4e8;
  --color-primary-soft: #224650;
  --color-primary-ink: #132d35;
  --color-success: #a0d8b9;
  --color-success-soft: #243d32;
  --color-warning: #f1cd8e;
  --color-warning-soft: #453823;
  --color-danger: #f0a6ab;
  --color-danger-soft: #462e35;
}
@media (prefers-reduced-motion: reduce) { :root { --dur: 0ms; } }