/* Fidget + Gridsmith — Corner radius tokens
   Soft but not pill-round; everything is a rounded rectangle. Pills only for
   segmented controls, badges and small toggles. */
:root{
  --radius-xs: 6px;    /* code chips, small tags */
  --radius-sm: 9px;    /* buttons, inputs */
  --radius-md: 12px;   /* small cards / list rows */
  --radius-lg: 14px;   /* image tiles */
  --radius-xl: 16px;   /* panels */
  --radius-2xl: 18px;  /* section cards */
  --radius-3xl: 22px;  /* feature cards */
  --radius-4xl: 26px;  /* CTA blocks */
  --radius-pill: 999px;
}