/* ============================================================
   RADIUS — sharp by default. 0px is the brand button/card shape.
   Pill geometry (full) is reserved for badge labels only.
   ============================================================ */

:root {
  --radius-none: 0px;   /* dominant — every CTA, card, band */
  --radius-xs: 2px;     /* tight badges (rare) */
  --radius-sm: 4px;     /* form inputs */
  --radius-md: 6px;     /* compact cards (rare) */
  --radius-lg: 8px;     /* mobile-only collapse cards */
  --radius-xl: 12px;    /* modal / dialog (rare) */
  --radius-full: 9999px;/* badge pills, avatar plates */
}