/* =====================================================
   RADII
   Big soft panels (24px), fully-round pills (999px) for
   anything interactive/tactile, and progressively smaller
   radii for nested wells, inputs, tags and icon tiles.
   ===================================================== */
:root {
  --radius-panel:  24px;   /* .glass panels, nav bar, modal        */
  --radius-lg:     20px;   /* large avatar tile                    */
  --radius-md:     16px;   /* table wraps, inset groups            */
  --radius-14:     14px;   /* definition cards, sub-wells          */
  --radius-tile:   11px;   /* icon tiles, inputs                   */
  --radius-sm:     10px;   /* small avatars, close button          */
  --radius-tag:     9px;   /* tags / chips                         */
  --radius-xs:      6px;   /* inline code, tiny eg. pills          */
  --radius-pill:  999px;   /* buttons, nav links, toggles, badges  */
}