:root {
  --mp-r-ctrl: 8px;      /* buttons, inputs, nav */
  --mp-r-inset: 10px;    /* note boxes, chart frame, bar, ad slot */
  --mp-r-tile: 12px;     /* result tiles */
  --mp-r-card: 14px;     /* every card, logo tile */
  --mp-r-chip: 6px;
  --mp-r-swatch: 4px;
  --mp-r-badge: 6px;     /* step index badge */
  --mp-r-bar-cap: 5px 5px 0 0; /* @kind radius */
  --mp-bw: 2px;          /* THE border width. Everything. */
  --mp-bw-hair: 1px;     /* inner list dividers only */
  --mp-bw-note: 3px;     /* note box only — the one surface heavier than 2px */
  --mp-bw-accent-top: 6px; /* related-card top edge */
}