:root{
/* Spacing */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
--pad-shell:20px;--pad-section-x:20px;--gap-cards:16px;--gap-cell:6px;--pad-cell-x:12px;
/* ═══ Radius — kit named scale (theme.css): xs 4 / sm 8 / md 12 / lg 16 / xl 24 / pill ∞ ═══ */
--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--radius:12px;
/* Control-internal radii (walled to control primitives, per size) */
--radius-control-sm:10px;--radius-control-md:12px;--radius-control-lg:14px;
/* Compat radius aliases */
--radius-content-frame:var(--radius-xl);--radius-card:var(--radius-lg);--radius-table:var(--radius-md);--radius-input:var(--radius-control-md);--radius-icon-container:var(--radius-md);--radius-checkbox:var(--radius-xs);
/* ═══ Elevation (tokens.css --elevation-*): card/hover/modal + focus ring; resting controls are FLAT (border only) ═══ */
--elevation-card:0px 8px 24px 0px rgba(73,73,73,.08),0px 1px 2px 0px rgba(73,73,73,.05);
--elevation-hover:0px 16px 36px 0px rgba(73,73,73,.14),0px 2px 4px 0px rgba(73,73,73,.07);
--elevation-modal:0px 24px 60px 0px rgba(20,30,30,.22),0px 4px 8px 0px rgba(20,30,30,.1);
--elevation-focus:0px 0px 3px 3px rgba(0,101,88,.18);
--shadow-card:var(--elevation-card);--shadow-hover:var(--elevation-hover);--shadow-modal:var(--elevation-modal);--shadow-focus:var(--elevation-focus);
/* Compat shadow aliases */
--shadow-content-frame:var(--elevation-card);--shadow-summary-card:var(--elevation-card);
/* ═══ Control sizing (Input spec 169:224): sm h32 / md h40 / lg h50, lg inline pad 18px ═══ */
--control-h-sm:32px;--control-h:40px;--control-h-lg:50px;--control-lg-inline-padding:18px;
/* Motion (theme.css): chrome positional motion; hover is instant */
--ease-emphasized:cubic-bezier(.32,.72,0,1);/* @kind other */--duration-emphasized:300ms;/* @kind other */--ease-nav:cubic-bezier(.4,0,.2,1);/* @kind other */--duration-nav:240ms;/* @kind other */
/* Fixed sizes */
--nav-rail-w:72px;--nav-expanded-w:264px;--navbar-collapsed-w:var(--nav-rail-w);--icon-container:44px;--row-h:44px;--table-header-h:40px;
}
