:root{
--radius-2:2px;--radius-3:3px;--radius-4:4px;--radius-5:5px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;
--radius-default:3px;/* --default-border-radius in source */
--radius-pill:999px;--radius-circle:100%;
/* ---- semantic ---- */
--radius-control:var(--radius-3);
--radius-input:var(--radius-3);
--radius-card:var(--radius-8);
--radius-sheet:var(--radius-12);
--radius-badge:var(--radius-pill);
}