:root {
  /* Unusual scale: small (<=6), medium-large (20-40), or full-pill (99+).
     The 8-16 middle ground is deliberately absent. */
  --radius-xs: 4px;    /* tiny decorative / micro-chips */
  --radius-btn: 20px;  /* signature primary/secondary body CTA */
  --radius-consent: 24px; /* orange consent pill */
  --radius-stadium: 40px; /* hero media frames, large containers, H2 labels */
  --radius-pill: 999px;   /* nav, carousel cards, chips, selectors */
  --radius-circle: 50%;   /* portraits, icon buttons, satellite CTAs */
}