/* spacing, radii, borders, elevation */
:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--sp-9:96px;
/* logo corners are rounded-square: keep radii tight */
--r-sm:4px;--r-md:8px;--r-lg:12px;--r-pill:999px;
--bw-1:1px;--bw-2:2px;
/* dark surfaces elevate by line + lift, not big shadows */
--shadow-1:0 1px 0 rgba(0,0,0,.4);--shadow-2:0 8px 24px rgba(0,0,0,.35);
}