/* ALIAS SHIM. The DS in web/static/web/ds/styles.css now owns the real token vocabulary + component library. This file no longer defines its own palette: every OLD custom property below is re-pointed at the nearest DS token so the deferred app screens (dashboard + ~40 partials, rebuilt in Wave 2) inherit the new palette/fonts and keep working. Pixel-parity is NOT a goal here. The legacy component classes further down still resolve through these aliases, so they render unchanged; leave them until Wave 2 replaces them. TWO SECTIONS: 1. GLOBALS — app-wide primitives every page needs (the `hidden` channel, scrollbar-gutter, .visually-hidden, the :root alias vars, box-sizing, body). A second globals cluster (focus ring, reduced-motion, flash messages) sits at the very TAIL, after the legacy block, so it wins on source order — moving it up would change the cascade, so it stays put. 2. LEGACY — the component classes the not-yet-reskinned pages still use; clearly banner-marked below and retired in the shim-retirement wave. */ /* ============================ GLOBALS ============================ */ /* The `hidden` attribute is the controller's visibility channel; it must beat any component class that sets `display` (e.g. .overlay{display:flex}). */ [hidden] { display: none !important; } /* Reserve the scrollbar track always, so the modal scroll lock (overflow: hidden on ) doesn't shift the centred shell sideways on open/close. */ html { scrollbar-gutter: stable; } /* Off-screen but focusable — for controls a visible