/* Spacing, layout grid, control sizes. Grid from the reference: 64px sidebar · 900px main · 360px aside · gutters 20–28px · safe area 32px. */
:root{
--space-0:0;
--space-0-5:2px;
--space-1:4px;
--space-1-5:6px;
--space-2:8px;
--space-2-5:10px;
--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;

--layout-sidebar:64px;
--layout-main:900px;
--layout-aside:360px;
--layout-gutter:20px;
--layout-gutter-lg:28px;
--layout-safe:32px;
--layout-safe-mobile:16px;
--layout-topbar:64px;
--layout-bottomnav:68px;
--layout-max:1440px;

--card-padding:24px;
--card-padding-sm:16px;
--card-gap:20px;

--control-sm:32px;
--control-md:40px;
--control-lg:48px;
--input-height:42px;
--hit-min:44px;

--bp-mobile:640px;
--bp-tablet:1024px;
--bp-desktop:1280px;
}