/* Layout + breakpoints — from src/styles/layout-tokens.scss (Sass there, exposed as
   custom properties here so consumers can read the same numbers). */
:root{
--color-bg-body:#f5f5f7;
--color-bg-header:#001529;
--color-bg-content:#ffffff;
--color-bg-footer:#f0f2f5;

--layout-max-width:1120px;
--header-height:72px;
--header-height-mobile:64px;
--sidebar-width-private:312px;
--sidebar-width-marketing:clamp(280px,22.8vw,340px); /* @kind spacing */

--bp-sm:640px;
--bp-md:768px;
--bp-lg:1024px;
--bp-xl:1280px;
--bp-2xl:1536px;
--bp-sidebar-stack:960px;
--bp-marketing-stack:1199px;
--bp-notes-widget-stack:820px;
}