/* ============================================================
   SHAPES — Vercel Geist
   Bimodal radius: tight 6px squares for chrome, full pills for
   marketing CTAs; 12–16px on content cards.
   ============================================================ */
:root {
  --radius-none: 0px;
  --radius-sm: 6px;            /* nav / app buttons, inputs */
  --radius-md: 12px;          /* feature cards, code blocks */
  --radius-lg: 16px;          /* pricing cards, larger panels */
  --radius-pill-category: 64px; /* category-tab pills */
  --radius-pill: 100px;       /* marketing CTA pills */
  --radius-full: 9999px;      /* circular icon buttons, avatars */
}