/* ============================================================================= R3 Component Library — master stylesheet ============================================================================= This is the ONLY file a page needs to link: It defines the design tokens, the base/reset layer, the utility classes, and it @imports every component stylesheet. Linking it gives you .btn, .input, .panel, .modal, .table and .nav. --------------------------------------------------------------------------- THE CASCADE LAYERS — why this file starts with @layer --------------------------------------------------------------------------- Existing R3 pages already define class names that collide with this library: `.nav-item` (shell/settings.html), `.modal-btn` (shell/dashboard.html), `.dropdown-item`, and a bare `button {}` element rule (editor/editor.html:24). Every rule in this library lives inside a @layer. Per the CSS cascade, UNLAYERED styles beat ALL layered styles regardless of specificity. A page's own