:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;

--radius-s:10px;--radius-m:16px;--radius-l:22px;--radius-xl:28px;--radius-pill:999px;

--shadow-card:0 1px 2px rgba(14,14,18,0.04),0 8px 24px rgba(14,14,18,0.06);
--shadow-raised:0 4px 12px rgba(14,14,18,0.08),0 16px 40px rgba(14,14,18,0.10);
--shadow-brand:0 8px 24px rgba(61,92,255,0.28);
--shadow-focus:0 0 0 4px var(--blue-100);

--ease-standard:cubic-bezier(.4,0,.2,1)/* @kind other */;
--ease-out:cubic-bezier(.16,1,.3,1)/* @kind other */;
--duration-fast:120ms/* @kind other */;
--duration-base:200ms/* @kind other */;
--duration-slow:400ms/* @kind other */;
}