Border Radius Tokens

Border radius values for rounded corners

Tags, badges, small elements

Inputs, smaller cards

Standard button radius

Cards, modals, larger containers

Feature sections, hero elements

:root {
  --sr-radius-sm: 4px;
  --sr-radius-md: 8px;
  --sr-radius-button: 10px;
  --sr-radius-card: 16px;
  --sr-radius-lg: 24px;
}