:root{
--radius-pill:999px;      /* buttons, tabs, tags — always fully rounded (height/2) */
--radius-cue:6px;         /* onboarding cue card */
--radius-key:6px;         /* physical keycap in the site demo */
--radius-keycap:7px;      /* inline keycap chip */
--radius-input:12px;      /* text fields */
--radius-card-sm:14px;    /* stacked mobile card */
--radius-card:16px;       /* content card, table shell */
--radius-frame:18px;      /* demo frame */
--radius-modal:20px;
--radius-band:22px;       /* inverse maker band */
--radius-focus:4px;
}