/* ============================================================
   BORDER RADIUS — two pill scales coexist deliberately:
   100px for marketing CTAs, 6px (--geist-radius) for in-app UI.
   ============================================================ */
:root {
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;     /* --geist-radius — base UI radius */
  --radius-md: 8px;     /* --geist-marketing-radius — feature/template cards */
  --radius-lg: 12px;    /* pricing-card chrome */
  --radius-xl: 16px;    /* card with hero image cap */
  --radius-pill-sm: 64px; /* tab-ghost pills */
  --radius-pill: 100px;   /* marketing CTA pill */
  --radius-full: 9999px;  /* circular icon buttons, ghost nav pills */
}