/* Corner radii — Dositec's most distinctive visual trait is the very large
   pill radius on cards and buttons, taken literally from the site CSS:
   product card 60px (70px on hover), card image 60px 60px 0 0,
   button 30px, header CTA pill 20px. */
:root {
  --radius-none: 0;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-pill: 999px;
  --radius-button: 30px;
  --radius-chip: 20px;
  --radius-card: 60px;
  --radius-card-hover: 70px;
  --radius-card-image: 60px 60px 0 0;
  --radius-field: 6px;
}