/* * SCRHUB Design System V2 -- base.css * * THE SHARED LAYER. Every rule here describes something that exists in more * than one SCRHUB product, so it is part of the design language rather than * part of any one product. This file is generated by `scrhub-design-sync` from * the canonical source and must be BYTE-IDENTICAL everywhere it is deployed; * `scrhub-verify-design-system` fails if it is not. * * Do not edit a deployed copy. Edit the canonical source in * /opt/scrhub/design-system/v2/ and re-sync, or the fork this file exists to * close reopens immediately. * * Product-specific components -- Paste's editor, Links' slug field -- live in * the product's own stylesheet, where they are ALLOWED to differ because they * describe something the other product does not have. */ /* * SCR component layer. * * Depends on tokens.css and nothing else. No framework, no CDN, no build step * beyond fingerprinting. * * Accessibility is built into the components rather than bolted on, because the * audit's measurements were not marginal: across the 53 recovered templates * there was no ARIA at all, no programmatic label association, 28 of 34 images * had no alt text, focus indicators were removed on 21 controls, 196 of 280 * inputs had neither an id nor an aria-label, modals had no dialog semantics or * focus trap, and all 16 target="_blank" links lacked rel="noopener". * * The rule here: a component either carries its own semantics or it does not * exist. `.scr-modal` is a