/* 4pt base grid. Layout margins follow compact/regular size classes. 44px is the minimum hit target. */
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;
--margin-compact:16px;--margin-regular:20px;--margin-wide:32px;
--hit-min:44px;--row-min:44px;--row-subtitle:60px;--control-sm:28px;--control-md:34px;--control-lg:50px;
--navbar-h:44px;--navbar-large-h:96px;--tabbar-h:49px;--statusbar-h:54px;--home-indicator-h:34px;
--radius-xs:6px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:22px;--radius-sheet:28px;--radius-pill:999px;
--content-max:680px;
}