:root{--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--radius-circle:50%;--radius-card:4px;--radius-image:2px;--radius-input:2px;--radius-button:var(--radius-pill);--radius-chip:var(--radius-pill);--radius-modal:6px;--radius-badge:var(--radius-pill);--hairline:1px;--rule:1px;--rule-thick:2px;--frame-inset:10px;--ratio-hero:16/9;--ratio-wide:3/2;--ratio-card:4/3;--ratio-portrait:3/4;--ratio-square:1/1;--ratio-tall:2/3}