:root{
  --radius:0.75rem;                        /* shadcn base, overridden to 12px */
  --radius-sm:calc(var(--radius) - 4px);   /* 8px */
  --radius-md:calc(var(--radius) - 2px);   /* 10px */
  --radius-lg:var(--radius);               /* 12px — cards, inputs, icon tiles */
  --radius-xl:1rem;                        /* dashboard cards */
  --radius-2xl:1rem;                       /* rounded-2xl containers */
  --radius-3xl:1.5rem;                     /* full-bleed image cards */
  --radius-cta:10px;                       /* hero CTA buttons */
  --radius-sheet:28px;                      /* mobile hero sheet */
  --radius-pill:9999px;                    /* brand pill buttons, chips */
}