Sistema de cores acessivel com conformidade de contraste universal

Redesenhe o sistema de cores de [NOME DO PRODUTO] para garantir conformidade WCAG AA, mantendo a identidade visual da marca [COR PRIMARIA] e [COR SECUNDARIA].

Estado atual: [NUMERO] violacoes de contraste identificadas. Cores atuais: [LISTA DE CORES HEX].

**1) Auditoria de Contraste Atual:**
Para cada par de cores usado no produto:
- Texto sobre fundo: ratio atual vs. requerido (4.5:1 normal, 3:1 large)
- UI components sobre fundo: ratio atual vs. requerido (3:1)
- Status: PASS/FAIL para AA e AAA
- Ferramentas: Color Contrast Analyzer, Stark (Figma plugin)

**2) Paleta Redesenhada:**
Para cada cor da marca:
- Valor original -> valor ajustado (minima alteracao possivel)
- Delta E (diferenca perceptual) entre original e ajustado
- Aprovacao: ajuste aceitavel pela brand team?
- Variacoes light/dark que mantem contraste

Para cores semanticas (success, error, warning, info):
- Valores que passam contraste sobre branco E sobre escuro
- Alternativa que nao depende apenas de cor (icone, texto, pattern)

**3) Simulacao de Daltonismo:**
Testar cada combinacao critica em:
- Protanopia (sem percepcao de vermelho)
- Deuteranopia (sem percepcao de verde)
- Tritanopia (sem percepcao de azul)
- Acromatopsia (sem percepcao de cor)

Para cada simulacao:
- Par de cores que se confundem
- Solucao: adicionar diferenciador nao-cromatico (pattern, icone, label, borda)

**4) Regras de Uso:**
- Pares permitidos (texto/fundo) com ratio documentado
- Pares proibidos (nunca usar junto)
- Tamanho minimo de texto por par de cores
- Quando usar borda adicional para garantir contraste
- Graficos e data viz: paleta alternativa com hachuras/patterns

**5) Modo Escuro Acessivel:**
- Inversao inteligente: nao simplesmente inverter todas as cores
- Reducao de saturacao para reduzir fadiga visual
- Texto sobre fundo escuro: branco (87% opacity) para primario, 60% para secundario
- Cores de enfase: ajustar lightness para manter contraste no escuro

**6) Modo Alto Contraste:**
- Suporte a `forced-colors` / Windows High Contrast Mode
- Fallback para outline em elementos que dependem de cor de fundo
- Teste com navegador em modo alto contraste

**7) Implementacao e Validacao:**
- CSS custom properties com fallbacks
- Testes automatizados: axe-core contrast checks no CI
- Design tokens atualizados com ratios documentados
- Storybook addon-a11y: preview em tempo real
- Checklist para designers antes de handoff

Ferramentas recomendadas: [Stark, Color Contrast Analyzer, axe DevTools, Sim Daltonism, Figma A11y plugin].