/* Identidade visual da conta.
 *
 * É o ÚNICO arquivo de cor que muda de uma réplica do portal pra outra. As
 * telas não trazem hex de marca: todas apontam pra estas variáveis. Numa conta
 * nova, tire as cores do logo e troque só os sete valores daqui.
 *
 * Os tons da Salú saíram do próprio logo-salu.png: #E73363 é 88% dos pixels
 * dele, e #D52F5B é praticamente a sombra que o logo já usa (#D72F5C).
 *
 * ⚠️ Os números de contraste abaixo são com texto BRANCO por cima (botões) ou
 * com a cor como TEXTO sobre fundo branco (links). O rosa puro da marca dá
 * 4.16:1 — reprova no mínimo de 4.5:1 da WCAG AA pra texto normal. Por isso
 * existe a `--marca-acao`: onde houver texto, é ela, não a `--marca`.
 */

:root {
  --marca: #e73363;              /* rosa do logo — preenchimento, foco, gradiente */
  --marca-acao: #d52f5b;         /* botões e links COM texto — 4.79:1 */
  --marca-acao-forte: #b9294f;   /* hover de botão — 6.01:1 */
  --marca-escura: #7e1339;       /* títulos, barras escuras — 10.3:1 */
  --marca-escura-forte: #5c0d2a; /* hover do que já é escuro */
  --marca-tenue: #f7c6d3;        /* bordas de hover */
  --marca-tenue-fundo: #fbe4ea;  /* fundos de hover */
}