/* Anatomedic corner radii — rounded, but restrained.
   "Not every surface must be a card and not everything must be heavily rounded." */
:root {
  --radius-none: 0;
  --radius-sm: 8px;
  --radius-md: 12px;    /* default control radius (buttons, inputs) */
  --radius-lg: 18px;    /* cards */
  --radius-xl: 24px;    /* large feature cards / product panels */
  --radius-pill: 999px; /* pill badges */
}