/* * A ESTRUTURA DO DOCUMENTO — o que o leitor de tela precisa e o olho não vê. * * Três lacunas medidas passaram por baixo de todos os portões deste repositório porque **nenhuma * delas é de cor**, e os portões deste repositório medem cor: `portao-do-tema.js` varre todo nó de * texto visível e exige o piso da WCAG 2.1 AA; `PaletaDoTemaTest` e `TemaEscuroSobreSuperficieTest` * conferem token e superfície; `ContrasteDaMarcaTest` calcula as seis combinações. A cobertura é * boa o suficiente para enganar. Link de salto, marco de conteúdo principal e agrupamento de campos * não têm cor, e por isso ficaram em zero, zero e duas ocorrências até esta entrega (ADR-012). * * Por que uma folha NOVA, e não `componentes.css`: * * - `UT-056` reprova todo commit em que a folha de componente tem regra e um `.phtml` viaja junto. * A semântica de documento é, por definição, marcação MAIS folha — o link de salto não existe * sem o ``, e o `

` não existe sem a tag. As duas coisas têm de viajar no mesmo commit, * e é exatamente o que aquele portão recusa. Foi pela mesma razão que `estados.css` e * `migracao.css` nasceram separadas; * - `componentes.css` veste marcador do Angular Material e nada mais (ADR-001). Nada daqui é da * biblioteca: é markup nosso, escrito por esta task. * * Ela entra logo depois de `componentes.css` nas QUATRO molduras, com `media="screen,print"` — a * regra de impressão daqui não é decorativa, e uma folha `media="screen"` não vale no papel. Em * `public/maintenance.html`, que é HTML puro servido fora da pilha de molduras, o conteúdo desta * folha está repetido no `