:root{
--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;
--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
/* Layout */
--gutter-page:24px;--gutter-page-lg:64px;--max-content:1120px; /* @kind spacing */
--max-prose:62ch; /* @kind spacing */
/* Clip geometry */
--clip-ratio-vertical:9/16; /* @kind other */
--clip-ratio-wide:16/9; /* @kind other */
--clip-safe-x:7%; /* @kind spacing */
--clip-safe-y:9%; /* @kind spacing */
/* Radii — the brand is square-ish; radius is used sparingly */
--radius-none:0px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;
/* Control sizes */
--control-sm:32px;--control-md:40px;--control-lg:52px;--hit-min:44px;
}