:root {
  --rm-font-sans: "Segoe UI Variable Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rm-font-display: "Segoe UI Variable Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --rm-font-mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --rm-space-1: 0.25rem;
  --rm-space-2: 0.5rem;
  --rm-space-3: 0.75rem;
  --rm-space-4: 1rem;
  --rm-space-5: 1.25rem;
  --rm-space-6: 1.5rem;
  --rm-space-8: 2rem;
  --rm-space-10: 2.5rem;
  --rm-space-12: 3rem;

  --rm-radius-xs: 0.375rem;
  --rm-radius-sm: 0.625rem;
  --rm-radius-md: 0.875rem;
  --rm-radius-lg: 1.125rem;
  --rm-radius-xl: 1.5rem;
  --rm-radius-pill: 999px;

  --rm-control-height-sm: 2rem;
  --rm-control-height: 2.625rem;
  --rm-control-height-lg: 3rem;
  --rm-content-max: 100rem;
  --rm-reading-max: 72ch;
  --rm-sidebar-width: 272px;
  --rm-sidebar-collapsed-width: 76px;
  --rm-topbar-height: 68px;

  --rm-z-content: 1;
  --rm-z-sticky: 100;
  --rm-z-sidebar: 1045;
  --rm-z-backdrop: 1040;
  --rm-z-popover: 1080;
  --rm-z-toast: 1090;
  --rm-z-dialog: 1100;

  --rm-motion-instant: 80ms;
  --rm-motion-fast: 160ms;
  --rm-motion-base: 240ms;
  --rm-motion-slow: 420ms;
  --rm-motion-out: cubic-bezier(0.22, 1, 0.36, 1);
  --rm-motion-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --rm-border-width: 1px;
  --rm-focus-width: 3px;
  --rm-table-row-height: 3.25rem;
  --rm-progress: 0%;
  --rm-step-count: 4;
  --rm-theme-swatch: var(--rm-accent);
}