:root {
  color-scheme: light;
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bg: #f6f8fc;
  --surface: #ffffff;
  --surface-subtle: #fbfcff;
  --surface-muted: #f2f4fa;
  --surface-hover: #f4f5ff;
  --text: #172033;
  --text-soft: #3f4b63;
  --muted: #738096;
  --faint: #9ba5b6;
  --border: #e5e9f2;
  --border-strong: #d7ddec;
  --primary: #5b5ce2;
  --primary-strong: #4a43d7;
  --primary-soft: #eef0ff;
  --primary-pale: #f7f7ff;
  --blue: #2377f4;
  --blue-soft: #eaf3ff;
  --cyan: #1ea7d8;
  --green: #12a76b;
  --green-soft: #e9f9f1;
  --orange: #f29a2e;
  --orange-soft: #fff5e7;
  --red: #ef4d5e;
  --red-soft: #fff0f2;
  --purple: #8058dc;
  --purple-soft: #f1ebff;
  --yellow: #d9a416;
  --yellow-soft: #fff9db;
  --shadow-xs: 0 1px 2px rgba(23, 32, 51, 0.04);
  --shadow-sm: 0 4px 16px rgba(27, 39, 74, 0.06);
  --shadow-md: 0 12px 30px rgba(27, 39, 74, 0.10);
  --shadow-lg: 0 24px 56px rgba(27, 39, 74, 0.16);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --sidebar-width: 248px;
  --topbar-height: 64px;
  --ease: 180ms cubic-bezier(.2,.7,.2,1);
}