/* ============================================================
   RADIUS — eight discrete values. The nested-scale rhythm is
   intentional: corners announce hierarchy.
   ============================================================ */
:root {
  --radius-input:    2px;   /* inputs, typewriter tags */
  --radius-image:    3px;   /* inline images */
  --radius-nested:   4px;   /* nested card images, small buttons */
  --radius-tag:      20px;  /* text pills + standard story tiles */
  --radius-card:     20px;
  --radius-feature:  24px;  /* feature tiles + primary pill button */
  --radius-promo:    30px;  /* large promotional buttons */
  --radius-cta:      40px;  /* outlined CTA pills — loudest pill */
  --radius-round:    50%;   /* avatars, icon buttons */
}