:root {
    /* Base defaults */
    --radius-default: var(--radius-s); /* 0.5rem */

    /* Component specific */
    --radius-container: var(--radius-xs); /* 0.25rem */
    --radius-button: var(--radius-s); /* 0.5rem */

    --radius-card: var(--radius-m); /* 0.75rem */
    --radius-tab-nav: var(--radius-m); /* 0.75rem */

    --radius-input: var(--radius-l); /* 1rem */
    --radius-panel: var(--radius-s); /* 1rem */
    --radius-progress-bar: var(--radius-xs); /* 1rem */

    --radius-loader: var(--radius-circle-percent);
}