/* Grid, spacing, radii, buttons (03, 05). */
:root{
--container-max:1200px;
--grid-columns:12; /* @kind other */
--grid-gap:24px;
--page-margin:24px;
--section-y:112px;          /* 96–120 desktop */
--section-y-min:96px;
--section-y-max:120px;
--bp-mobile:767px;

--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-120:120px;

--radius-card:24px;
--radius-swatch:12px;
--radius-pill:999px;

--btn-height:64px;
--btn-pad-y:22px;
--btn-pad-x:32px;
--focus-width:2px;
--focus-offset:4px;

--logo-nav:120px;
--logo-nav-mobile:96px;
--logo-block-min:220px;

--shadow-none:none;
--shadow-soft:0 1px 2px rgba(19,35,57,.04);
--ease:cubic-bezier(.3,.7,.4,1); /* @kind other */
--dur:180ms; /* @kind other */
}
@media (max-width:767px){:root{
--grid-columns:4; /* @kind other */
--grid-gap:12px;
--page-margin:20px;
--section-y:72px;
--section-y-min:64px;
--section-y-max:80px;
}}