/* Layout, grid and size tokens. Carbon is square: radii are 0 except where a
   component's spec says otherwise (tag, notification dot, loading spinner). */
:root{
--cds-border-radius:0; /* @kind radius */
--cds-border-radius-sm:2px; /* @kind radius */
--cds-border-radius-pill:100px; /* @kind radius */
--cds-border-width:1px; /* @kind spacing */
--cds-border-width-interactive:2px; /* @kind spacing */
--cds-focus-width:2px; /* @kind spacing */
/* Control heights (Carbon size scale) */
--cds-size-xs:1.5rem;--cds-size-sm:2rem;--cds-size-md:2.5rem;--cds-size-lg:3rem;--cds-size-xl:4rem;--cds-size-2xl:5rem;
/* Breakpoints — 2x Grid */
--cds-breakpoint-sm:20rem;--cds-breakpoint-md:42rem;--cds-breakpoint-lg:66rem;--cds-breakpoint-xlg:82rem;--cds-breakpoint-max:99rem;
/* Grid gutter, margins, shell */
--cds-grid-gutter:2rem;--cds-grid-gutter-condensed:0.0625rem;--cds-grid-columns:16; /* @kind other */
--cds-header-height:3rem;--cds-side-nav-width:16rem;
/* Elevation — Carbon uses shadow sparingly: overlays, menus, tooltips only */
--cds-shadow-menu:0 2px 6px 0 rgba(0,0,0,0.2);
--cds-shadow-modal:0 4px 8px 0 rgba(0,0,0,0.2);
--cds-shadow-tooltip:0 2px 6px 0 rgba(0,0,0,0.2);
}