:root {
    --ui-radius: 2px;
    --radius-xs: calc(var(--ui-radius) * 0.5);
    --radius-sm: calc(var(--ui-radius) * 1);
    --radius-md: calc(var(--ui-radius) * 1.5);
    --radius-lg: calc(var(--ui-radius) * 2);
    --radius-xl: calc(var(--ui-radius) * 3);
    --radius-2xl: calc(var(--ui-radius) * 4);
    --radius-3xl: calc(var(--ui-radius) * 6);

    --ui-radius-xs: var(--radius-xs);
    --ui-radius-sm: var(--radius-sm);
    --ui-radius-md: var(--radius-md);
    --ui-radius-lg: var(--radius-lg);
    --ui-radius-xl: var(--radius-xl);
    --ui-radius-2xl: var(--radius-2xl);
    --ui-radius-3xl: var(--radius-3xl);
}