/* Generated from docs/design/tokens.v1.json by tools/ui-theme.mjs. Do not edit. */
:root {
  --ui-color-primary: #245edb;
  --ui-color-primary-hover: #1d4ed8;
  --ui-color-primary-active: #1e40af;
  --ui-color-on-primary: #ffffff;
  --ui-color-focus: #245edb;
  --ui-color-link: #1d4ed8;
  --ui-color-text-primary: #172b4d;
  --ui-color-text-secondary: #475569;
  --ui-color-text-muted: #526278;
  --ui-color-text-disabled: #526278;
  --ui-color-background-page: #f4f6fa;
  --ui-color-background-surface: #ffffff;
  --ui-color-background-subtle: #f8fafc;
  --ui-color-background-selected: #eef4ff;
  --ui-color-background-disabled: #e2e8f0;
  --ui-color-border-decorative: #e2e8f0;
  --ui-color-border-control: #7b8da5;
  --ui-color-border-active: #245edb;
  --ui-color-sidebar-background: #101e35;
  --ui-color-sidebar-text: #bac9df;
  --ui-color-sidebar-muted: #94a3b8;
  --ui-color-sidebar-selected-background: #245edb;
  --ui-color-sidebar-selected-text: #ffffff;
  --ui-color-status-success-text: #166534;
  --ui-color-status-success-background: #f0fdf4;
  --ui-color-status-warning-text: #92400e;
  --ui-color-status-warning-background: #fffbeb;
  --ui-color-status-error-text: #b42318;
  --ui-color-status-error-background: #fff1f0;
  --ui-color-status-info-text: #1d4ed8;
  --ui-color-status-info-background: #eff6ff;
  --ui-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --ui-font-family-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --ui-font-caption: 12px;
  --ui-font-body: 14px;
  --ui-font-mobile-body: 16px;
  --ui-font-section-title: 18px;
  --ui-font-page-title: 24px;
  --ui-font-metric: 28px;
  --ui-font-auth-brand: 32px;
  --ui-font-weight-regular: 400;
  --ui-font-weight-medium: 500;
  --ui-font-weight-semibold: 600;
  --ui-line-height-body: 1.6;
  --ui-line-height-compact: 1.45;
  --ui-line-height-heading: 1.35;
  --ui-control-height: 36px;
  --ui-compact-control-height: 32px;
  --ui-mobile-control-height: 44px;
  --ui-desktop-icon-target: 32px;
  --ui-mobile-touch-target: 44px;
  --ui-table-row-min-height: 48px;
  --ui-icon: 20px;
  --ui-small-icon: 16px;
  --ui-focus-width: 3px;
  --ui-focus-offset: 2px;
  --ui-header-height: 64px;
  --ui-mobile-header-min-height: 56px;
  --ui-sidebar-width: 224px;
  --ui-collapsed-sidebar-width: 64px;
  --ui-content-max-width: 1440px;
  --ui-form-max-width: 720px;
  --ui-auth-card-max-width: 440px;
  --ui-auth-form-width: 328px;
  --ui-auth-control-height: 40px;
  --ui-drawer-width: 640px;
  --ui-modal-width: 520px;
  --ui-account-menu-width: 240px;
  --ui-radius-control: 6px;
  --ui-radius-card: 12px;
  --ui-radius-popover: 8px;
  --ui-radius-modal: 12px;
  --ui-radius-pill: 999px;
  --ui-layer-base: 0;
  --ui-layer-header: 100;
  --ui-layer-dropdown: 1000;
  --ui-layer-drawer: 1100;
  --ui-layer-modal: 1200;
  --ui-layer-tooltip: 1300;
  --ui-layer-notification: 1400;
  --ui-breakpoint-mobile-min: 0px;
  --ui-breakpoint-tablet-min: 768px;
  --ui-breakpoint-desktop-min: 1024px;
  --ui-breakpoint-wide-min: 1440px;
  --ui-base: 4px;
  --ui-field-gap: 16px;
  --ui-section-gap: 24px;
  --ui-desktop-page-padding: 24px;
  --ui-mobile-page-padding: 16px;
  --ui-space-0: 0px;
  --ui-space-4: 4px;
  --ui-space-8: 8px;
  --ui-space-12: 12px;
  --ui-space-16: 16px;
  --ui-space-20: 20px;
  --ui-space-24: 24px;
  --ui-space-32: 32px;
  --ui-space-40: 40px;
  --ui-space-48: 48px;
  --ui-space-64: 64px;
  --ui-shadow-card: 0 2px 8px rgba(23, 43, 77, 0.04);
  --ui-shadow-popover: 0 8px 24px rgba(23, 43, 77, 0.14);
  --ui-shadow-overlay: 0 16px 48px rgba(23, 43, 77, 0.18);
  --ui-motion-fast: 120ms;
  --ui-motion-normal: 180ms;
  --ui-motion-easing: cubic-bezier(0.2, 0, 0, 1);
}