: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;--container-narrow:760px;--gutter:24px;
/* Radii — soft & organic; pills for actions, blobs for imagery */
--radius-sm:8px;--radius-md:16px;--radius-lg:28px;--radius-xl:48px;--radius-pill:999px;
--radius-blob:62% 38% 55% 45% / 48% 60% 40% 52%;
--radius-blob-alt:40% 60% 38% 62% / 60% 42% 58% 40%;
/* Shadows — warm cocoa-tinted, low & diffuse */
--shadow-sm:0 1px 2px rgba(50,42,32,.08);
--shadow-md:0 6px 20px -8px rgba(50,42,32,.22);
--shadow-lg:0 20px 48px -20px rgba(50,42,32,.32);
/* Motion */
--ease-soft:cubic-bezier(.33,.0,.2,1);/* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
--dur-fast:140ms;/* @kind other */
--dur-base:240ms;/* @kind other */
--dur-slow:480ms;/* @kind other */
}