/* ========================================================================== Eventiere marketing site - design system (v2) ========================================================================== Extracted from website/index.html (the approved homepage redesign), which is the design reference for every page. Tokens, fonts, base type, the container, header (with the Features mega panel and mobile sheet), footer, buttons, section rhythm and the long-form article/prose blocks are lifted here from the homepage's own class names, so a page on this system looks and behaves exactly like the homepage's chrome. SCOPING - this file coexists with shared.css/blog.css on a page that has only had its header/footer stamped and still carries its old body markup. Two things make that safe: - @font-face and :root are the only rules left GLOBAL. Custom properties and font declarations are additive; they cannot restyle an element shared.css already owns, and a same-named @font-face in both files is idempotent (same files, same descriptors). - EVERY OTHER SELECTOR IN THIS FILE IS SCOPED, and TWO CLASSES decide how much of it applies - `` (a fully redesigned page, every rule below applies) or `` (a page that still loads shared.css and still carries its OLD body markup - only the shared header/footer/floats/icon-sprite rules apply; base type, prose, section rhythm and every "v2-" page-block class stay scoped to `body.v2` alone, or they would restyle that old markup the moment both stylesheets load together). The stamp script (scripts/website-stamp-chrome.py) decides which class a page gets, from whether it still has a shared.css link - never hand-edit which one a page carries. - CHROME rules (the header - site-header/header-row/brand/nav-links/ nav-item-features/features-panel*, header-right/locale-pill/ header-btn/menu-btn/mobile-sheet*, the footer - site-footer/ footer-*, the icon sprite - .sr-only, the skip link, and the four shared floats - back-to-top/wa-float+tooltip/#cookie-banner+its children/#exit-popup+its children) are scoped `:is(body.v2, body.v2-chrome) ` - one rule serves both page kinds. - Right after the header/footer/floats sections below is a CHROME RESET block: shared.css/blog.css style a bare `

`/`