:root {
  --ta-primary: #4568a8;
  --ta-primary-hover: #34538b;
  --ta-primary-soft: #eaf0fb;
  --ta-bg: #f5f7fb;
  --ta-surface: #ffffff;
  --ta-ink: #25334a;
  --ta-muted: #5c6b82;
  --ta-border: #dde4ef;
  --ta-border-strong: #8595ad;
  --ta-focus: #4568a8;
  --ta-focus-ring: #4568a826;
  --ta-surface-muted: #eef2f8;
  --ta-surface-hover: #f7f9fd;
  --ta-on-primary: #ffffff;
  --ta-on-primary-muted: #e6edfb;
  --ta-inverse-border: #ffffff40;
  --ta-inverse-hover: #ffffff14;
  --ta-backdrop: #25334a66;
  --ta-success: #27745a;
  --ta-success-bg: #eaf5ef;
  --ta-warning: #8a601e;
  --ta-warning-bg: #fff5e2;
  --ta-danger: #b04455;
  --ta-danger-hover: #963647;
  --ta-danger-bg: #fbeef1;
  --ta-info: #4568a8;
  --ta-info-bg: #eaf0fb;
  --ta-font: "Segoe UI", "Microsoft YaHei", sans-serif;
  --ta-text-sm: 12px;
  --ta-text: 14px;
  --ta-radius-sm: 7px;
  --ta-radius: 12px;
  --ta-space-1: 4px;
  --ta-space-2: 8px;
  --ta-space-3: 12px;
  --ta-space-4: 16px;
  --ta-space-6: 24px;
  --ta-space-8: 32px;
  --ta-shadow: 0 12px 40px #25334a14;
}