/* RADII — continuous-looking, generous. Two rules: controls are pills, containers are 18px.
   Nothing in the system uses a radius between 6 and 12, and nothing is square except full-bleed media. */
:root {
  --radius-xs: 4px;
  --radius-sm: 6px;   /* inline code, tiny badges */
  --radius-md: 12px;  /* inputs, small buttons, tooltips */
  --radius-lg: 18px;  /* cards, image cards, modals */
  --radius-xl: 28px;  /* large feature tiles */
  --radius-2xl: 42px; /* full-bleed rounded media blocks */
  --radius-pill: 980px;
  --radius-circle: 50%;
}