:root {
  --color-primary: #1677ff;
  --color-primary-dark: #0958d9;
  --color-primary-soft: #eaf2ff;
  --color-info: #0f8b8d;
  --color-success: #15803d;
  --color-success-soft: #e8f7ee;
  --color-warning: #b7791f;
  --color-warning-soft: #fff6df;
  --color-danger: #c2410c;
  --color-danger-soft: #fff0e8;
  --color-text: #1f2937;
  --color-muted: #6b7280;
  --color-subtle: #8a98aa;
  --color-border: #dde5f0;
  --color-bg: #f4f7fb;
  --color-card: #ffffff;
  --shadow-card: 0 10px 28px rgba(31, 95, 191, 0.08);
  --shadow-pop: 0 18px 46px rgba(31, 41, 55, 0.16);
  --radius-card: 8px;
  --radius-control: 6px;
  --sidebar-width: 260px;
  --topbar-height: 58px;
}