:root{
/* The one page background: warm off-white + 28px Prussian Blue dot grid. */
--bg-page:var(--cool-white);
--bg-dot-grid:radial-gradient(var(--pb-grid) 1px,transparent 1px); /* @kind other */
--bg-dot-grid-size:28px 28px; /* @kind spacing */
--bg-demo-frame:radial-gradient(rgba(0,49,83,0.05) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(180deg,var(--frame-top),var(--frame-bottom)); /* @kind other */

/* Exactly one shadow in the system: the modal lift. Cards use a hairline border instead. */
--shadow-modal:0 24px 60px rgba(0,30,50,0.25);
--scrim:rgba(0,30,50,0.4);
--scrim-blur:blur(3px); /* @kind other */

/* Sticky nav: translucent page colour + saturated blur. */
--glass-nav:rgba(250,249,246,0.82);
--glass-nav-filter:saturate(140%) blur(10px); /* @kind other */

--hairline:1px solid var(--pb-divider); /* @kind other */
--hairline-app:1px solid var(--pb-divider-app); /* @kind other */
--border-hairline-card:1px solid var(--pb-card-border); /* @kind other */
}