:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;
--container-max:1200px; /* @kind spacing */
--gutter:clamp(20px,5vw,64px); /* @kind spacing */
--section-y:clamp(64px,10vw,128px); /* @kind spacing */

--radius-0:0;
--radius-sm:2px;
--radius-md:6px;
--radius-arch:999px 999px 0 0;
--radius-pill:999px;

--shadow-soft:0 1px 2px rgba(48,61,49,.06),0 8px 24px rgba(48,61,49,.08);
--shadow-lift:0 2px 4px rgba(48,61,49,.08),0 18px 40px rgba(48,61,49,.14);

--ease-out:cubic-bezier(.22,.61,.36,1); /* @kind other */
--dur-fast:160ms; /* @kind other */
--dur-base:280ms; /* @kind other */
--dur-slow:600ms; /* @kind other */
}