/* Cadence — radius encodes interactivity and scale:
   FULL PILL = every single-line interactive control (buttons, inputs, chips, segments, search).
   16 = multi-line controls + containers (choice cards, textarea, cards, menus trend larger).
   20/28 = floating surfaces (menus xl, sheets/dialogs 2xl). Never round cover art. */
:root {
  --radius-none:0;
  --radius-xs:6px;   /* badges, inline chips */
  --radius-sm:8px;   /* document thumbnails */
  --radius-md:12px;  /* legacy control radius — thumbnails, small tiles */
  --radius-lg:16px;  /* THE container radius — cards, grouped blocks, FAB squircle */
  --radius-xl:20px;  /* sheet top corners, large promos */
  --radius-2xl:28px;
  --radius-full:9999px; /* avatars, chips, pills, scrubber, grabber */
}