:root {
  color-scheme: light;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --color-canvas: #f4f7fb;
  --color-surface: #ffffff;
  --color-surface-soft: #f7f9fc;
  --color-sidebar: #172338;
  --color-sidebar-soft: #22324d;
  --color-text: #182235;
  --color-muted: #667085;
  --color-border: #dfe5ee;
  --color-primary: #2563eb;
  --color-primary-soft: #eaf0ff;
  --color-accent: #0f9d8a;
  --color-danger: #c5364a;
  --color-danger-soft: #fff0f2;
  --color-warning: #d68a00;
  --color-success: #16805f;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --shadow-sm: 0 1px 3px rgb(24 34 53 / 8%);
  --shadow-md: 0 14px 35px rgb(24 34 53 / 10%);
  --sidebar-width: 264px;
  --topbar-height: 64px;
  --content-width: 1440px;
  --z-sidebar: 50;
  --z-drawer: 70;
}