:root {
  --lotus-system-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --lotus-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --lotus-font-sans: var(--lotus-system-sans);
  --lotus-font-mono: var(--lotus-system-mono);
  --default-font-family: var(--lotus-font-sans);
  --default-mono-font-family: var(--lotus-font-mono);
  --default-font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  --default-mono-font-feature-settings: "ss02", "zero";

  --lotus-header-height: 4rem;
  --lotus-subnav-height: 3rem;
  --lotus-docs-chrome-height: calc(var(--lotus-header-height) + var(--lotus-subnav-height));
  --lotus-sidebar-width: 17rem;
  --lotus-toc-width: 14rem;
  --lotus-content-width: 48rem;
  --lotus-code-header-height: 2.5rem;
  --lotus-prose-flow: 1.25em;

  --lotus-radius-sm: 0.25rem;
  --lotus-radius-md: 0.5rem;
  --lotus-radius-lg: 0.75rem;
  --lotus-radius-full: 999px;

  --pf-radius-sm: var(--lotus-radius-sm);
  --pf-radius-md: var(--lotus-radius-md);
  --pf-radius-lg: var(--lotus-radius-lg);
  --pf-radius-full: var(--lotus-radius-full);
  --pf-badge-radius: var(--lotus-radius-md);
}

[data-radius="none"] {
  --lotus-radius-sm: 0;
  --lotus-radius-md: 0;
  --lotus-radius-lg: 0;
  --lotus-radius-full: 0;
}

[data-radius="small"] {
  --lotus-radius-sm: 0.125rem;
  --lotus-radius-md: 0.25rem;
  --lotus-radius-lg: 0.375rem;
}

[data-radius="medium"] {
  --lotus-radius-sm: 0.25rem;
  --lotus-radius-md: 0.5rem;
  --lotus-radius-lg: 0.75rem;
}

[data-radius="large"] {
  --lotus-radius-sm: 0.375rem;
  --lotus-radius-md: 0.75rem;
  --lotus-radius-lg: 1rem;
}

[data-radius="full"] {
  --lotus-radius-sm: 999px;
  --lotus-radius-md: 999px;
  --lotus-radius-lg: 999px;
  --lotus-radius-full: 999px;
}

html {
  font-family: var(--lotus-font-sans);
  font-feature-settings: var(--default-font-feature-settings);
  text-rendering: optimizeLegibility;
}

code,
pre,
kbd,
samp {
  font-family: var(--lotus-font-mono);
  font-feature-settings: var(--default-mono-font-feature-settings);
}