:root{
--radius-none:0px;
--radius-xs:3px;
--radius-sm:5px;
--radius-md:8px;
--radius-lg:12px;
--radius-xl:16px;
--radius-2xl:22px;
--radius-3xl:28px;
--radius-pill:999px;
--radius-circle:50%;
/* Semantic */
--radius-control:var(--radius-md);
--radius-card:var(--radius-lg);
--radius-panel:var(--radius-xl);
--radius-bubble:var(--radius-xl);
--radius-media:var(--radius-2xl);
--radius-chip:var(--radius-pill);
/* Borders */
--border-w-hair:1px; /* @kind spacing */
--border-w-thick:1.5px; /* @kind spacing */
--border-w-focus:2px; /* @kind spacing */
--focus-ring:0 0 0 2px var(--surface-card),0 0 0 4px var(--cobalt-400);
--focus-ring-inverse:0 0 0 2px var(--n-900),0 0 0 4px var(--cobalt-300);
}