:root {
  color-scheme: light;
  --color-primary-50: #f6f2fc;
  --color-primary-100: #ebe1f8;
  --color-primary-500: #7442bd;
  --color-primary-600: #6335a8;
  --color-primary-700: #512a8c;
  --color-neutral-0: #fff;
  --color-neutral-25: #fcfcfd;
  --color-neutral-50: #f7f7f9;
  --color-neutral-100: #eeeef2;
  --color-neutral-200: #dedee5;
  --color-neutral-500: #71717f;
  --color-neutral-700: #41414c;
  --color-neutral-900: #202027;
  --color-danger: #b42318;
  --shadow-sm: 0 1px 2px rgb(20 20 28 / 6%);
  --shadow-lg: 0 18px 50px rgb(20 20 28 / 16%);
  --radius-sm: .45rem;
  --radius-md: .75rem;
  --radius-lg: 1rem;
  --header-height: 4rem;
  --sidebar-width: 18rem;
  --toc-width: 15rem;
  --content-width: 52rem;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}