/* =========================================================================
   Pocket Company — Radius Tokens
   Soft, confident corners. Buttons/inputs ~10px; cards ~14–20px.
   Never fully pill except chips, avatars, toggles.
   ========================================================================= */

:root {
  --radius-xs:   4px;
  --radius-sm:   6px;
  --radius-md:   10px;  /* buttons, inputs, selects */
  --radius-lg:   14px;  /* cards, popovers */
  --radius-xl:   20px;  /* large cards, panels */
  --radius-2xl:  28px;  /* hero / feature blocks */
  --radius-3xl:  36px;
  --radius-full: 999px; /* chips, avatars, switches */
}