:root {
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 6px;   /* base UI radius, in-app buttons, inputs, menus */
  --radius-md: 8px;   /* marketing radius, feature + template cards */
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill-sm: 64px; /* tab-ghost pills */
  --radius-pill: 100px;   /* marketing CTA pill */
  --radius-full: 9999px;
}