:root {
  --color-page: #f3f4f1;
  --color-surface: #ffffff;
  --color-sidebar: #f8f8f5;
  --color-sidebar-alt: #f1f2ee;
  --color-text: #242824;
  --color-muted: #687069;
  --color-link: #25636f;
  --color-border: #cfd6ce;
  --color-control: #ffffff;
  --color-control-hover: #e5ece9;
  --color-disabled: #8a918b;
  --color-menu-text: #ffffff;
  --color-menu-level-1: #263a3d;
  --color-menu-level-2: #3f575b;
  --color-menu-hover: #557074;
  --radius-pill: 999px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --sidebar-primary-width: 16rem;
  --sidebar-secondary-width: 14rem;
}