/* ── Corner radii ──────────────────────────────────────────────────────────
   Cards, FAQ rows and panels sit at 20px; buttons a little tighter at 12px.
   ───────────────────────────────────────────────────────────────────────── */
:root{
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:12px;
  --radius-xl:20px;
  --radius-pill:999px;
  --radius-card:20px;
  --radius-panel:20px;
  --radius-button:12px;
  --radius-image:var(--radius-xs);
}