:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;
/* accessibility: minimum interactive target, and a visible 2px focus outline offset from the control */
--target-min:44px;/* @kind spacing */
--focus-outline-width:3px;/* @kind spacing */
--focus-outline-offset:2px;/* @kind spacing */
--shadow-sm:0 1px 2px rgba(36,29,26,0.07),0 1px 1px rgba(36,29,26,0.05);
--shadow-md:0 4px 10px rgba(36,29,26,0.09),0 1px 3px rgba(36,29,26,0.06);
--shadow-lg:0 12px 28px rgba(36,29,26,0.13),0 3px 8px rgba(36,29,26,0.08);
--shadow-focus:0 0 0 3px var(--lavender-300),0 0 0 5px var(--lavender-700);
--border-hairline:1px solid var(--surface-border);
--ease-standard:cubic-bezier(0.2,0,0,1);/* @kind other */--ease-out:cubic-bezier(0.05,0.7,0.1,1);/* @kind other */
--duration-fast:120ms;/* @kind other */--duration-base:180ms;/* @kind other */--duration-slow:280ms;/* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;/* @kind other */--duration-base:0ms;/* @kind other */--duration-slow:0ms/* @kind other */}}