/* ============================================================================
   tokens/radii.css — Border Radius Design Tokens

   Consistent border-radius values for rounded corners.
   ============================================================================ */

:root {
    /* Border Radius Scale */
    --radius-none: 0;
    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;

    /* Semantic aliases */
    --radius-button: var(--radius-md);
    --radius-card: var(--radius-lg);
    --radius-modal: var(--radius-xl);
    --radius-avatar: var(--radius-full);
}