:root{
/* radii — soft, generous rounding throughout */
--radius-s:10px;
--radius-m:16px;
--radius-l:24px;
--radius-xl:32px;
--radius-pill:999px;

/* shadows — warm, low-contrast, diffuse */
--shadow-soft:0 1px 2px rgba(38,36,31,.04),0 8px 24px -8px rgba(38,36,31,.10);
--shadow-lifted:0 4px 8px rgba(38,36,31,.05),0 24px 48px -16px rgba(38,36,31,.16);
--shadow-inset:inset 0 1px 2px rgba(38,36,31,.06);

/* motion — slow, breathing, ease-out */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:180ms; /* @kind other */
--duration-base:320ms; /* @kind other */
--duration-slow:560ms; /* @kind other */
--duration-breathe:2400ms; /* @kind other */
}