/* Spacing, layout, radius. Same across themes except border widths (see colors.css). */
:root{
  --space-0:0; /* @kind spacing */
  --space-1:0.25rem; /* @kind spacing */
  --space-2:0.5rem; /* @kind spacing */
  --space-3:0.75rem; /* @kind spacing */
  --space-4:1rem; /* @kind spacing */
  --space-5:1.25rem; /* @kind spacing */
  --space-6:1.5rem; /* @kind spacing */
  --space-7:2rem; /* @kind spacing */
  --space-8:2.5rem; /* @kind spacing */
  --space-9:3rem; /* @kind spacing */
  --space-10:4rem; /* @kind spacing */
  --space-11:5rem; /* @kind spacing */
  --space-12:6rem; /* @kind spacing */
  --space-13:8rem; /* @kind spacing */

  --space-flow:1.1em; /* @kind spacing */
  --space-block:clamp(2rem,1.5rem + 2vw,3.5rem); /* @kind spacing */
  --space-section:clamp(4rem,2.8rem + 5vw,9rem); /* @kind spacing */
  --gutter:clamp(1.25rem,0.6rem + 3vw,3.5rem); /* @kind spacing */

  --page-max:1680px; /* @kind spacing */
  --col-content:42rem; /* @kind spacing */
  --col-wide:68rem; /* @kind spacing */
  --col-rail:15rem; /* @kind spacing */
  --header-h:4.25rem; /* @kind spacing */

  --radius-0:0;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:14px;
  --radius-xl:24px;
  --radius-pill:999px;

  --radius-button:var(--radius-pill);
  --radius-input:var(--radius-sm);
  --radius-card:var(--radius-md);
  --radius-code:var(--radius-md);
  --radius-figure:var(--radius-sm);
  --radius-callout:var(--radius-md);

  --z-base:0; /* @kind other */
  --z-sticky:20; /* @kind other */
  --z-header:30; /* @kind other */
  --z-overlay:40; /* @kind other */
  --z-dialog:50; /* @kind other */
  --z-toast:60; /* @kind other */
}