/* ─────────────────────────────────────────────
   SHAPES — Helping Hand Center Design System
   ───────────────────────────────────────────── */

:root {
  --rounded-xs:   4px;     /* badges, status pills, lime keyword chips */
  --rounded-sm:   6px;     /* text inputs, search boxes */
  --rounded-md:   8px;     /* primary/inverted buttons, code blocks, selects */
  --rounded-lg:   10px;    /* generic container blocks */
  --rounded-xl:   12px;    /* pricing cards, feature cards, nav pill chrome */
  --rounded-xxl:  18px;    /* image containers, large hero illustrations */
  --rounded-full: 9999px;  /* avatars, circular icon buttons */
}