/* Radii are literal and few. 16 for boxes, 10 for HUD, 24 for the screen
   edge, 5-6 for tiny caps. Everything continuous (superellipse). */
:root{
  --radius-hairline:1px;    /* caret */
  --radius-xs:5px;          /* small key cap */
  --radius-sm:6px;
  --radius-md:10px;         /* HUD panel, number pad key */
  --radius-lg:16px;         /* the field box — the app's signature radius */
  --radius-screen:24px;     /* bottom corners of the full-bleed button */
  --radius-full:9999px;
}