:root{
/* 4px base. 2px half-step exists only for icon nudges and hairline insets. */
--sp-0:0px;--sp-half:2px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;
--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;

/* Layout */
--gutter-mobile:20px;
--gutter-desktop:32px;
--content-max:1440px;
--sheet-max:520px;
--nav-height:72px;           /* bottom nav, excluding safe area */
--appbar-height:56px;
--safe-bottom:env(safe-area-inset-bottom,0px);

/* Touch — road use, one-handed, moving */
--touch-min:48px;
--touch-road:64px;           /* primary road actions */
--touch-hero:88px;           /* FIND MY BAND */

/* Radii — generous, never fully soft-cornered cards */
--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-2xl:36px;--r-pill:999px;

/* Strokes */
--stroke-hairline:1px;--stroke-strong:2px;--stroke-marker:3px;
}