/* ===========================================================================
   MightyMax — Corner Radii
   Pill-shaped buttons + moderately rounded cards. Nothing sharp; nothing bubbly.
   =========================================================================== */
:root {
  --radius-xs:   6px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;   /* default card radius */
  --radius-xl:   22px;
  --radius-2xl:  30px;
  --radius-pill: 999px;  /* buttons, chips, tags */

  --radius-card:  16px;
  --radius-field: 12px;
  --radius-btn:   999px;
}