/* ============================================================
   RADII — Fully rounded. Buttons, tags, inputs are pills.
   Larger surfaces get a soft, generous radius.
   ============================================================ */

:root {
  --radius-none: 0;
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  22px;   /* cards / media */
  --radius-xl:  32px;
  --radius-pill: 999px; /* buttons, tags, avatars, inputs */
}