:root{
  --space-0:0px;
  --space-1:2px;
  --space-2:4px;
  --space-3:6px;
  --space-4:8px;
  --space-5:12px;
  --space-6:16px;
  --space-7:20px;
  --space-8:24px;
  --space-9:32px;
  --space-10:40px;
  --space-11:48px;
  --space-12:64px;
  --space-13:80px;
  --space-14:96px;

  /* Layout */
  --layout-gutter:24px;
  --layout-page-x:40px;
  --layout-page-y:40px;
  --layout-section-gap:32px;
  --layout-card-padding:24px;
  --layout-card-padding-lg:32px;
  --layout-field-gap:20px;
  --layout-content-max:1160px;
  --layout-form-max:640px;
  --layout-prose-max:68ch;
  --layout-sidenav-width:252px;
  --layout-header-height:64px;
  /* Full-app height. Overridden to 100% inside .rs-viewport. */
  --rs-app-height:100dvh; /* @kind spacing */

  /* Controls */
  --control-height-sm:32px;
  --control-height-md:40px;
  --control-height-lg:48px;
  --control-height-xl:56px;
  --control-padding-x:20px;
  --tap-target-min:44px;
}