:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;
--screen-gutter:20px;
--tap-min:48px;

/* Soft geometry — everything rounded */
--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:999px;

/* Extruded "3D" shadow — echoes the wordmark's solid drop-extrusion (no blur) */
--extrude-sm:0 3px 0; /* @kind shadow */
--extrude-md:0 5px 0; /* @kind shadow */
--shadow-card:0 4px 0 var(--gray-200);
--shadow-float:0 12px 28px rgba(22,22,22,.14);
--shadow-nav:0 -6px 20px rgba(22,22,22,.06);

--ease-bounce:cubic-bezier(.34,1.56,.64,1); /* @kind other */
--ease-out:cubic-bezier(.22,1,.36,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:220ms; /* @kind other */
--dur-slow:420ms; /* @kind other */
}