/* A marca da Bia: as cores e as fontes que TODAS as páginas do app usam (painel, entrar, assinar, documentos, configurar).
   Paleta quente: fundo ameixa/vinho, destaque coral e pêssego, texto creme; dourado só para "precisa de você" e vermelho-rosado
   só para problema. Contraste AA conferido (texto creme e os tons fracos sobre o fundo; texto escuro sobre o botão pêssego).
   Uma fonte só, a Saira (OFL): 400 no texto, 600 nos títulos. As cores com "-rgb" servem para transparências:
   rgba(var(--destaque-rgb), 0.2). Os caminhos das fontes são relativos a este arquivo (funcionam na raiz e em subpasta). */
@font-face { font-family: "Saira"; font-weight: 400; font-style: normal; font-display: swap; src: url("../fontes/saira-400.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-weight: 500; font-style: normal; font-display: swap; src: url("../fontes/saira-500.woff2") format("woff2"); }
@font-face { font-family: "Saira"; font-weight: 600; font-style: normal; font-display: swap; src: url("../fontes/saira-600.woff2") format("woff2"); }

:root {
  /* fundo: do quase preto ao vinho */
  --fundo-0: #12060d; --fundo-1: #1d0a15; --fundo-2: #2b0f20; --fundo-3: #3d1530;
  --fundo-0-rgb: 18, 6, 13; --fundo-1-rgb: 29, 10, 21; --fundo-2-rgb: 43, 15, 32; --fundo-3-rgb: 61, 21, 48;
  /* destaque: coral (links, ativo, foco), pêssego claro e um coral empoeirado para ícones e linhas */
  --destaque: #ff9b7a; --destaque-rgb: 255, 155, 122;
  --destaque-claro: #ffd9c7; --destaque-claro-rgb: 255, 217, 199;
  --destaque-2: #f4ab95; --destaque-2-rgb: 244, 171, 149;
  /* texto creme e os tons dele */
  --texto: #fff1e6; --texto-rgb: 255, 241, 230;
  --suave: rgba(255, 233, 220, 0.88); --fraco: rgba(250, 222, 208, 0.76); --apagado: #b99a92;
  --linha: rgba(244, 171, 149, 0.16); --linha-forte: rgba(244, 171, 149, 0.34);
  /* estados */
  --atencao: #ffc857; --atencao-rgb: 255, 200, 87; --atencao-claro: #ffe0a3;
  --erro: #ff5577; --erro-rgb: 255, 85, 119; --erro-claro: #ffa6b8;
  --verde: #7ee0a8; --verde-rgb: 126, 224, 168;
  /* botão principal: pêssego → coral, com texto vinho escuro */
  --primario: linear-gradient(180deg, #ffcaa9 0%, #ff8f6e 100%);
  --sobre-primario: #2a0c16;
  --cartao: linear-gradient(180deg, rgba(66, 22, 50, 0.74), rgba(36, 12, 27, 0.9));
  --ceu: radial-gradient(ellipse 90% 70% at 62% 0%, #4d1a3b 0%, #2b0f20 42%, #1d0a15 72%, #12060d 100%);
  --f-titulo: "Saira", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --f-texto: "Saira", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  color-scheme: dark;
}