:root{
  /* Corners are small and confident — never pill-soft, never fully square.
     The one exception is the capsule, used for tags and icon buttons. */
  --radius-none:0;
  --radius-xs:3px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-capsule:999px;

  /* Borders */
  --border-hairline:1px;
  --border-regular:1.5px;
  --border-heavy:3px;
}