:root{
  --ds-bg:#f4f7fb;--ds-surface:#fff;--ds-surface-soft:#f8fafc;
  --ds-text:#172033;--ds-text-muted:#5d6878;--ds-border:#d7dee8;
  --ds-brand:#1769c2;--ds-brand-hover:#10549d;--ds-brand-soft:#eaf3fd;
  --ds-success:#16734a;--ds-success-soft:#eaf7f0;--ds-warning:#8a5700;--ds-warning-soft:#fff5dc;
  --ds-danger:#b4232c;--ds-danger-soft:#fff0f1;--ds-info:#185f9d;--ds-info-soft:#edf6ff;
  --ds-disabled:#778292;--ds-disabled-soft:#eef1f4;
  --ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;
  --ds-space-5:24px;--ds-space-6:32px;--ds-space-7:48px;
  --ds-radius-sm:6px;--ds-radius-md:10px;--ds-radius-lg:16px;
  --ds-shadow:0 8px 24px rgba(28,45,72,.08);
  --ds-page-width:1120px;
}