:root{
/* Layout container, from the site. */
--maxw:1120px;
--gutter:clamp(1.25rem,5vw,4rem); /* @kind spacing */
--section-y:clamp(3.2rem,7vw,5.5rem); /* @kind spacing */
--hero-y-top:clamp(3.5rem,9vw,6.5rem); /* @kind spacing */
--hero-y-bottom:clamp(2.8rem,6vw,5rem); /* @kind spacing */
--band-pad:clamp(2.4rem,5vw,4rem); /* @kind spacing */

/* Step scale used across cards, rows and stacks. */
--space-1:0.3rem;
--space-2:0.5rem;
--space-3:0.7rem;
--space-4:1rem;
--space-5:1.1rem;
--space-6:1.4rem;
--space-7:1.6rem;
--space-8:2.2rem;
--space-9:2.4rem;
--space-10:3.2rem;

--grid-gap:1.1rem;
--card-pad:1.6rem 1.5rem; /* @kind spacing */
--modal-pad:2.3rem;

/* App windows (pt == px in these recreations). */
--window-onboarding:660px 640px; /* @kind other */
--window-settings:1040px 680px; /* @kind other */
--settings-sidebar:200px;
--dot-grid-cell:28px;
--tap-min:44px;
}