# contrastes medidos — lions design system

números, não palpite. pares que falham não entram como texto.

## 360 (fundo branco `#FFFFFF`)

| par | contraste | veredito |
|---|---|---|
| `ink-950` `#0F1419` sobre branco | 17,9:1 | AAA texto normal |
| `ink-700` `#2A3138` sobre branco | 13,2:1 | AAA |
| `blue-500` `#0038B8` sobre branco | 9,3:1 | AAA |
| branco sobre `blue-500` | 9,3:1 | AAA (botão 360) |
| `ink-500` `#6B7280` sobre branco | 4,8:1 | AA |
| `ink-950` sobre `green-500` `#25D366` | fill | CTA atendeaioh — texto ink, não branco |
| `green-500` como texto sobre branco | 1,9:1 | **reprovado** |
| `yellow-500` como texto sobre branco | 1,7:1 | **reprovado** |
| branco sobre `green-600` `#1FAE54` | ~2,9:1 | **reprovado** — hover do CRM não usa branco |

## tekhelet (fundo abyss `#020814`)

| par | contraste | veredito |
|---|---|---|
| platina `#F5F3EE` sobre abyss | 18,1:1 | AAA |
| steel `#8E9199` sobre abyss | 6,4:1 | AA corpo |
| `blue-300` `#85A9FF` sobre abyss | 8,7:1 | AAA link |
| `blue-400` `#2969FF` sobre abyss | 4,4:1 | só texto grande / ícone |
| `blue-500` `#0038B8` sobre abyss | 2,2:1 | **nunca texto** — só preenchimento |
| `danger` `#DC2626` sobre abyss | 4,2:1 | só fill/borda |
| graphite `#4A4F58` sobre abyss | 2,4:1 | só divisor |

## regra

texto colorido sobre branco: `blue-600` ou mais escuro.
verde e amarelo: preenchimento com `ink-950` por cima.
noite: `data-tema="tekhelet"`, fundo `#020814`. `#001852` não é tekhelet.

by lions intelligence