/* * base.css — framework-level token contract. * * Loaded from index.html before any palette/layout. Contains ONLY :root * variable defaults; no element / class / id rules. With no palette and * no layout selected, the page renders as plain HTML on top of these * neutral defaults. * * ## Framework state attributes (theme-readable, no class invention) * * Themes set standard `data-tapp-` attributes on any element * instead of adding bespoke classes. Layout CSS reads them via * `[data-tapp-launcher="active"]`-style selectors. * * Convention: * - **Attribute name = concept** (e.g. `data-tapp-launcher`). * Each concept is owned by exactly one widget/affordance and * lives in this framework-level list. Themes should not invent * new concept attributes without promoting them here first. * - **Attribute value = state within that concept**, short and * reusable across concepts (`peeked`, `active`, `open`, `closed`). * - Absence of the attribute is the rest state. * * Concepts in current use (extend by editing this list): * data-tapp-launcher App launcher / spotlight panel. * Values: 'peeked' (hover-poised), * 'active' (open / engaged). * Typically set on :root by the layout. * data-tapp-nav-expanded Feature-nav (sidebar / strip) expansion * state. Boolean: 'true' = full labels, * anything else (or absent) = collapsed * (icon-only). Set on the *