/* Border Radius Tokens */
--radius-sm: 8px; /* Buttons, inputs, badges */
--radius-md: 12px; /* Cards, dropdowns */
--radius-lg: 16px; /* Modals, preview boxes */
--radius-xl: 20px; /* Large panels, hero cards */
--radius-full: 9999px; /* Pills, avatars, circular elements */
/* Usage */
border-radius: var(--radius-sm); /* 8px */
border-radius: var(--radius-md); /* 12px */
border-radius: var(--radius-lg); /* 16px */
border-radius: var(--radius-xl); /* 20px */
border-radius: var(--radius-full); /* 9999px */