/* ============================================================
   MagpieToolbox - Radius tokens
   Soft, friendly, modern. Cards 16-22px, buttons 10-12px,
   chips + avatars fully rounded.
   ============================================================ */

:root {
  --radius-xs:     6px;
  --radius-sm:     8px;
  --radius-md:     12px;   /* buttons, inputs */
  --radius-lg:     16px;   /* cards */
  --radius-xl:     22px;   /* large cards, hero panels */
  --radius-2xl:    28px;   /* feature panels */
  --radius-3xl:    36px;
  --radius-pill:   999px;  /* chips, tags, pills */
  --radius-circle: 50%;    /* avatars, icon dots */
}