/*! * Modo alto contraste — acessibilidade. * Ativado quando o JS aplica a classe .alto-contraste ao . * Esquema clássico amarelo sobre preto (WCAG AAA). */ body.alto-contraste { --cor-primaria: #FFFF00; --cor-primaria-hover: #FFFFFF; --cor-pessego-claro: #000000; --cor-amarelo-claro: #000000; --cor-vermelho-tag: #FFFF00; --cor-amarelo-tag: #FFFF00; --cor-laranja-tag: #FFFF00; --cor-cinza-fundo: #000000; --cor-texto: #FFFF00; --cor-texto-claro: #FFFFFF; --cor-branco: #000000; --cor-borda: #FFFF00; background-color: #000000 !important; color: #FFFF00 !important; } body.alto-contraste a, body.alto-contraste a:visited { color: #FFFFFF; text-decoration: underline; } body.alto-contraste a:hover, body.alto-contraste a:focus { color: #FFFF00; background-color: #000000; outline: 2px solid #FFFF00; } body.alto-contraste img, body.alto-contraste video { filter: grayscale(100%) contrast(120%); } body.alto-contraste button, body.alto-contraste input, body.alto-contraste textarea, body.alto-contraste select { background-color: #000000; color: #FFFF00; border: 2px solid #FFFF00; } body.alto-contraste .pca-skiplink { background: #FFFF00; color: #000000; }