:root{
--sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px;
/* Radii — generous, "colo" softness */
--r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:28px; --r-pill:999px;
/* Shadows — soft, warm, low-contrast */
--shadow-card:0 1px 2px rgba(28,36,23,.05),0 8px 24px rgba(28,36,23,.07);
--shadow-raised:0 2px 6px rgba(28,36,23,.08),0 16px 40px rgba(28,36,23,.12);
--shadow-night:0 8px 32px rgba(0,0,0,.35);
/* Motion — slow, calm */
--ease-lull:cubic-bezier(.25,.6,.3,1); /* @kind other */
--dur-fast:180ms; /* @kind other */
--dur-slow:420ms; /* @kind other */
}