/* Corner radii — Figma collection "Basics / Border radius".
   Note the pill radii actually used by components are 99px (buttons, tags) and
   24px (switch pills); the documentation swatches use 4px. */

:root {
  --basic-border-radius-sm: 2px;
  --basic-border-radius-default: 4px;
  --basic-border-radius-md: 6px;
  --basic-border-radius-lg: 8px;
  --basic-border-radius-xl: 12px;
  --basic-border-radius-2xl: 16px;
  --basic-border-radius-3xl: 24px;
  --basic-border-radius-full: 9999px;

  /* Radii measured on components in the source frames */
  --radius-pill: 99px;         /* Button, Tag, Link Header, Filter chips */
  --radius-switch: 24px;       /* Switch / Button pill */
  --radius-card: 0px;          /* Product, news, service and catalogue cards */
  --radius-media: 0px;         /* Images and galleries are square-cornered */
}