/* Layout tokens — verified via pixel audit 2026-02-11 at 770px, 2x DPR.
   Must match FluentShell.Layout.LayoutTokens constants exactly. */
:root {
    --fsl-canonical-width: 770px;
    --fsl-mobile-breakpoint: 769px;
    --fsl-nav-expanded: 250px;
    --fsl-nav-collapsed: 40px;
    --fsl-stack-gap: 10px;
    --fsl-content-padding-h: 48px;
    --fsl-shell-chrome-nav-open: 308px;
    --fsl-shell-chrome-nav-closed: 98px;
    --fsl-shell-chrome-mobile: 48px;
    --fsl-content-width-nav-open: 462px;
    --fsl-content-width-nav-closed: 672px;
    --fsl-scrollbar-width: 17px;
    --fsl-default-grid-gap: 16px;
}