/* Corner radii. The wordmark is built from fully rounded terminals, so the
   system leans generous: pills for controls, 16px for cards. */
:root{
  --sp-radius-xs:4px;
  --sp-radius-sm:8px;
  --sp-radius-md:12px;
  --sp-radius-lg:16px;
  --sp-radius-xl:24px;
  --sp-radius-2xl:32px;
  --sp-radius-pill:999px;
  --sp-radius-card:16px;
  --sp-radius-control:999px;
  --sp-radius-field:12px;
  --sp-radius-media:20px;
}