/* chrome.css - the ONE owner of the site chrome: the fixed bar, the brand lockup, the mobile-menu shell and the footer. Both chrome layers used to carry their own copy of these rules with their own numbers - site.css for the marketing pages, components.css for the console - so the two bars and the two footers drifted apart every time either was touched. They are defined once here, and every page loads this file directly after base.css: tokens -> base -> chrome -> site | components -> animations -> page What stays OUT of this file: the CONTENTS of each menu (marketing links live in site.css, console sections in admin.css) and anything page-specific. What lives here is what must never differ between the two. The chrome does not read .container: its gutter is --chrome-pad-x, so a page that redefines the container width (index.css does) cannot move the bar or the footer. */ /* ---------- the gilded rule ---------- */ /* ONE gradient, one owner, every edge that closes a piece of chrome: the bottom of both fixed bars and the top of the footer, on the marketing pages and in the console alike. It is declared as a token in base.css and applied through border-image on a TRANSPARENT 1px border, so it replaces the plain rule that used to sit on the same edge instead of stacking a second line, and it keeps the border's exact box - no element grows by a pixel. The gradient fades to nothing at both ends, so the line reads as a highlight across the middle of the page rather than a frame. A page must not restate it: a second copy is how the console and the marketing pages drifted apart in the first place. */ /* ---------- fixed nav bar (markup: partials/header.html) ---------- */ /* Everything here is keyed on the CLASS .site-nav, never on the bare `nav` element: both bars wear it, and a future