: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;

--radius-s:2px;
--radius-m:4px;
--radius-l:0px;
--radius-pill:999px;

--shadow-elevated:0 24px 64px -24px rgba(0,0,0,0.6);
--shadow-inset-hairline:inset 0 0 0 1px var(--border-default);

--ease-cinematic:cubic-bezier(0.22,1,0.36,1); /* @kind other */
--duration-fast:150ms; /* @kind other */
--duration-base:320ms; /* @kind other */
--duration-slow:640ms; /* @kind other */
}