:root{
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:14px;--sp-5:18px;--sp-6:22px;--sp-7:32px;--sp-8:44px;
  --gutter:44px;--gutter-narrow:20px;
  --gap-tiles:14px;--gap-dense:10px;--gap-section:14px;--gap-rail:18px;
  --pad-panel:22px;--pad-card:16px 18px;--pad-card-dense:13px 15px;
  --r-inner:8px;--r-tile:10px;--r-tray:11px;--r-strip-inner:12px;--r-row:13px;--r-strip:14px;--r-card:16px;
  --r-note:18px;--r-panel:20px;--r-pill:99px;--r-canvas:6px;
  --r-tab:16px 16px 0 0; /* @kind radius */
  --r-panel-notched:0 20px 20px 20px; /* @kind radius */
  --h-pill:32px;--h-btn-sm:34px;--h-btn:38px;--h-tab:38px;--h-tab-active:42px;--h-capsule:46px;--h-btn-lg:46px;--h-input:40px;
  --icon-tile:32px;--disc-capsule:30px;--disc-quest:26px;--disc-stat-ring:42px;--disc-hero-ring:64px;--disc-avatar:38px;--disc-topbar:36px;
  --dot:8px;--track-thin:5px;--track:7px;--track-thick:9px;--bar-cascade:26px;
  --rail-open:340px;--rail-closed:58px;--panel-min-h:470px;--panel-min-w:880px;
}