:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;
--bp-xs:480px;--bp-sm:768px;--bp-md:1024px;--bp-lg:1280px;--bp-xl:1536px;
--container-prose:720px;--container-standard:1200px;--container-wide:1440px;--container-breakout:900px;
--margin-phone:20px;--margin-laptop:48px;--margin-desktop:80px;
--gutter:24px;--section-rhythm:80px;--section-rhythm-mobile:48px;
--nav-height:72px;--sidebar-width:260px;--tab-height:44px;--input-height:44px;--modal-width:560px;--toast-width:360px;
}