:root{
  --radius-0:0px;      /* editorial blocks, colour fields, rules — never rounded */
  --radius-sm:6px;     /* inputs, small chips inside product UI */
  --radius-md:10px;    /* product UI cards */
  --radius-lg:16px;    /* screenshot cards, floating panels */
  --radius-xl:24px;    /* device / large surface */
  --radius-pill:999px; /* tags, badges, buttons in product UI */
}