:root{
--mc-space-1:4px;--mc-space-2:8px;--mc-space-3:12px;--mc-space-4:16px;--mc-space-5:24px;
--mc-space-6:32px;--mc-space-7:48px;--mc-space-8:64px;--mc-space-9:96px;--mc-space-10:128px;
--mc-container:1200px; /* @kind spacing */
--mc-gutter:clamp(16px,3vw,32px); /* @kind spacing */
--mc-section-y:clamp(48px,8vw,96px); /* @kind spacing */
--mc-header-h:72px; /* @kind spacing */
--mc-sidebar-w:256px; /* @kind spacing */

--mc-radius-sm:8px;--mc-radius-md:12px;--mc-radius-lg:20px;--mc-radius-xl:28px;--mc-radius-pill:999px;
--mc-border-width:1px; /* @kind spacing */
--mc-control-sm:44px; /* @kind spacing */--mc-control-md:48px; /* @kind spacing */--mc-control-lg:56px; /* @kind spacing */
--mc-focus-ring:3px; /* @kind spacing */--mc-focus-offset:4px; /* @kind spacing */

--mc-shadow-card:0 1px 2px rgb(0 0 0 / .18),0 8px 24px rgb(0 0 0 / .16); /* @kind shadow */
--mc-shadow-modal:0 24px 64px rgb(0 0 0 / .45); /* @kind shadow */
--mc-z-header:20; /* @kind other */
--mc-z-popover:40; /* @kind other */
--mc-z-overlay:60; /* @kind other */
--mc-z-dialog:70; /* @kind other */
--mc-z-toast:80; /* @kind other */
--mc-glow-cta:0 0 0 1px rgb(25 195 125 / .35),0 8px 28px rgb(25 195 125 / .32); /* @kind shadow */
}