: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;
--page-margin:3.125vw;   /* 50/1600 — deck & page gutter */
--frame-inset:36px;      /* double-rule frame distance from edge */
--content-max:1280px;
--measure:42ch; /* @kind spacing */          /* body column width — copy sits in narrow columns */

--radius-0:0;
--radius-1:2px;
--radius-2:6px;          /* swatch chips only */
--radius-pill:999px;

--border-hair:1px; /* @kind spacing */
--rule-gap:3px; /* @kind spacing */          /* gap between the two lines of the double rule */

--shadow-chip:0 28px 40px -18px rgba(13,20,30,.35);
--shadow-float:0 30px 60px -20px rgba(0,0,0,.55);
--shadow-none:none;

--ease-calm:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
--dur-fast:160ms; /* @kind other */
--dur-base:280ms; /* @kind other */
--dur-slow:600ms; /* @kind other */
--dur-cinematic:1200ms; /* @kind other */

--blur-glass:14px; /* @kind other */
}