/* Corner radii. Tight and architectural — enterprise, not consumer app.
   Nothing above 12px except pills and avatars. */
:root{
  --radius-none:0px;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:8px;
  --radius-xl:12px;
  --radius-pill:999px;
  --radius-circle:50%;

  --radius-control:6px;
  --radius-input:6px;
  --radius-card:8px;
  --radius-dialog:12px;
  --radius-chip:999px;
  --radius-badge:999px;
  --radius-menu:8px;
  --radius-tooltip:4px;
}