/* Spacing & sizing — section rhythm is fluid (375→1440px); component internals use fixed rem steps named by px. */
:root{
/* Section padding (vertical) and page gutters (horizontal) */
--space-block-lg:clamp(3.25rem,1.5775rem + 7.1362vw,8rem);   /* 52→128 */
--space-block:clamp(2.5rem,1.2676rem + 5.2582vw,6rem);        /* 40→96  */
--space-block-sm:clamp(2.5rem,1.9718rem + 2.2535vw,4rem);     /* 40→64  */
--space-block-xs:clamp(2.5rem,2.3239rem + .7512vw,3rem);      /* 40→48  */
--space-inline:clamp(1rem,.6479rem + 1.5023vw,2rem);          /* 16→32 page gutter */

/* Fixed steps */
--space-2:.125rem;--space-4:.25rem;--space-6:.375rem;--space-8:.5rem;--space-10:.625rem;--space-12:.75rem;--space-16:1rem;--space-20:1.25rem;--space-24:1.5rem;--space-32:2rem;--space-40:2.5rem;--space-48:3rem;--space-64:4rem;

/* Fluid steps used repeatedly in grids/cards */
--space-fluid-6-10:clamp(.375rem,.287rem + .3756vw,.625rem);
--space-fluid-12-16:clamp(.75rem,.662rem + .3756vw,1rem);
--space-fluid-12-24:clamp(.75rem,.4859rem + 1.1268vw,1.5rem);
--space-fluid-16-20:clamp(1rem,.912rem + .3756vw,1.25rem);
--space-fluid-16-32:clamp(1rem,.6479rem + 1.5023vw,2rem);
--space-fluid-20-32:clamp(1.25rem,.9859rem + 1.1268vw,2rem);
--space-fluid-24-32:clamp(1.5rem,1.3239rem + .7512vw,2rem);
--space-fluid-24-48:clamp(1.5rem,.9718rem + 2.2535vw,3rem);
--space-fluid-32-48:clamp(2rem,1.6479rem + 1.5023vw,3rem);
--space-fluid-30-40:clamp(1.875rem,1.6549rem + .939vw,2.5rem);

/* Layout */
--container:1280px; /* @kind spacing */
--navbar-height:clamp(4.0625rem,3.6884rem + 1.5962vw,5.125rem); /* @kind spacing */
--navbar-padding-block:clamp(.875rem,.743rem + .5634vw,1.25rem);
--measure-title:30ch; /* @kind spacing */
--measure-header-title:21ch; /* @kind spacing */
--measure-header-text:61ch; /* @kind spacing */
--measure-section-text:89.5ch; /* @kind spacing */

/* Icon tiles */
--icon-40:2.5rem; /* @kind spacing */
--icon-48:3rem; /* @kind spacing */
--icon-56:3.5rem; /* @kind spacing */
--icon-60:3.75rem; /* @kind spacing */
}