/* ============================================================
   BORDER RADIUS — strict grammar. Don't mix in-between values.
   sm = compact utility · lg = utility cards · pill = actions
   ============================================================ */
:root {
  --radius-none: 0px;     /* full-bleed tiles */
  --radius-xs: 5px;       /* rare inline chip links */
  --radius-sm: 8px;       /* dark utility buttons, inline imagery */
  --radius-md: 11px;      /* pearl button capsules */
  --radius-lg: 18px;      /* store / accessories cards */
  --radius-pill: 9999px;  /* the signature Apple pill */
  --radius-full: 9999px;  /* circular control chips */
}