/* Spacing (4px base), radii, control heights, elevation, motion. */
:root{
--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--radius:var(--radius-md);
--control-sm:32px;--control:36px;--control-lg:40px;
--shadow-xs:0 1px 2px rgb(9 9 11 / .05);
--shadow-sm:0 1px 3px rgb(9 9 11 / .07),0 1px 2px rgb(9 9 11 / .04);
--shadow-card:0 1px 2px rgb(9 9 11 / .04),0 6px 20px -8px rgb(9 9 11 / .10);
--shadow-md:0 4px 12px -2px rgb(9 9 11 / .09),0 2px 4px -2px rgb(9 9 11 / .05);
--shadow-lg:0 16px 40px -8px rgb(9 9 11 / .18),0 4px 12px -4px rgb(9 9 11 / .08);
--duration:150ms; /* @kind other */
--ease:cubic-bezier(.2,0,0,1); /* @kind other */
}