:root {
  color-scheme: light;
  --color-primary: #5145CD;
  --color-primary-hover: #4035AC;
  --color-primary-soft: #EFEDFC;
  --color-canvas: #F6F7FB;
  --color-surface: #FFFFFF;
  --color-surface-subtle: #F9FAFC;
  --color-sidebar: #191D32;
  --color-sidebar-muted: #ADB4CE;
  --color-text: #20253F;
  --color-muted: #606A80;
  --color-border: #E3E7EF;
  --color-control-border: #8590A5;
  --color-success: #18764B;
  --color-success-soft: #EAF6EF;
  --color-danger: #BE3548;
  --color-danger-soft: #FDEEF0;
  --color-warning: #8C600F;
  --color-warning-soft: #FFF5DD;
  --color-info: #2D63AF;
  --color-info-soft: #EDF3FC;
  --color-neutral: #606A80;
  --color-neutral-soft: #EEF1F5;
  --color-chart-blocked: #F2C94C;
  --color-chart-no-results: #AEB6C4;
  --color-focus: #5145CD;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-control: 8px;
  --radius-panel: 12px;
  --radius-badge: 5px;
  --sidebar-width: 224px;
  --header-height: 72px;
  --row-height: 60px;
  --shadow-float: 0 16px 48px #191D3229;
}