: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;
--section-y:clamp(72px,10vw,140px);/* @kind spacing */--container:1200px;/* @kind spacing */--container-narrow:760px;/* @kind spacing */--gutter:clamp(20px,4vw,48px);/* @kind spacing */
--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;--radius-arch:999px 999px 0 0;
--shadow-sm:0 1px 2px rgba(18,47,62,.06);--shadow-md:0 8px 24px -12px rgba(18,47,62,.18);--shadow-lg:0 24px 60px -24px rgba(18,47,62,.28);
--ease-calm:cubic-bezier(.22,.61,.36,1);/* @kind other */--dur-fast:160ms;/* @kind other */--dur-base:280ms;/* @kind other */--dur-slow:600ms;/* @kind other */
}