/* ============================================================
   RADII — Cherry Noir
   Editorial = restrained. UI corners are near-sharp (2–6px);
   pills reserved for tags/toggles; circles for avatars & dots.
   ============================================================ */

:root {
  --radius-none:  0;
  --radius-xs:    2px;    /* inputs, buttons — the editorial default */
  --radius-sm:    4px;
  --radius-md:    6px;    /* cards */
  --radius-lg:    10px;   /* dialogs, media */
  --radius-xl:    16px;
  --radius-pill:  999px;  /* tags, switches, dot nav */
  --radius-circle:50%;    /* avatars */
}