:root {
  color-scheme: light;
  --ink: #221b2d;
  --muted: #6e6579;
  --paper: #f6f4f8;
  --surface: #ffffff;
  --surface-soft: #fbf9fc;
  --surface-2: #eeeaf2;
  --line: #ddd6e4;
  --line-strong: #c9bdcf;
  --brand: #622c78;
  --brand-dark: #442052;
  --brand-soft: #f2eaf5;
  --accent: #f0a53a;
  --ok: #147a4b;
  --ok-bg: #e5f6ed;
  --warn: #975800;
  --warn-bg: #fff0d2;
  --danger: #a12631;
  --danger-bg: #fde8eb;
  --info: #245d8d;
  --info-bg: #e8f2fa;
  --shadow-sm: 0 4px 16px rgba(38, 24, 47, .06);
  --shadow: 0 12px 38px rgba(38, 24, 47, .09);
  --shadow-lg: 0 24px 70px rgba(24, 16, 33, .22);
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 22px;
  --sidebar: 272px;
  --topbar: 72px;
  --content-max: 1500px;
}