:root {
  --bg: #eef1f5;
  --surface: #ffffff;
  --surface-soft: #f7f9fc;
  --ink: #172033;
  --ink-soft: #344054;
  --muted: #667085;
  --line: #d8dee8;
  --line-soft: #e9edf3;
  --sidebar-bg: #123544;
  --sidebar-bg-2: #0f2938;
  --sidebar-active: #1f4b5f;
  --sidebar-ink: #e8f3f6;
  --sidebar-muted: #a6c2cc;
  --blue: #2563eb;
  --blue-strong: #1d4ed8;
  --green: #099268;
  --orange: #d97706;
  --red: #dc3545;
  --violet: #6d5bd0;
  --radius: 6px;
  --radius-sm: 4px;
  --shadow-soft: 0 4px 16px rgba(15, 23, 42, .06);
  --focus: 0 0 0 3px rgba(37, 99, 235, .14);
  color-scheme: light;
}