:root{
--sp-1:4px;--sp-1h:6px;--sp-2:8px;--sp-2h:10px;--sp-3:12px;--sp-3h:14px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;
/* Radii — everything rounded, 10–18px; pills for small elements */
--r-sm:10px;--r-md:12px;--r-lg:14px;--r-xl:18px;--r-pill:999px;
--radius-input:var(--r-md);--radius-button:var(--r-md);--radius-card:var(--r-xl);--radius-item:var(--r-lg);--radius-dialog:var(--r-xl);
/* Layout */
--sidebar-w:240px;--content-max:1120px;--control-h-sm:32px;--control-h:40px;--control-h-lg:48px;
}