/* Tokens da marca PJ SEG — cores, fontes, raios e sombras.
   Cores extraídas das logos oficiais (24/09/2026). Confirmar com o "PDF de
   apresentação da marca" quando chegar. Contrastes medidos (WCAG) ao lado. */

@font-face { font-family: "Poppins"; font-weight: 500; font-style: normal; font-display: swap;
  src: url("../fontes/poppins-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("../fontes/poppins-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-weight: 700; font-style: normal; font-display: swap;
  src: url("../fontes/poppins-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 100 900; font-style: normal; font-display: swap;
  src: url("../fontes/inter-latin-wght-normal.woff2") format("woff2"); }

:root {
  /* Marca */
  --pj-azul: #3991D0;          /* azul da logo. Branco em cima: 3,4:1 → só texto grande, ícones, fundos amplos */
  --pj-azul-600: #2A78B8;      /* botões e links: branco em cima 4,7:1 (AA) */
  --pj-azul-800: #22609A;      /* fim do degradê do escudo: branco em cima 6,6:1 */
  --pj-azul-claro: #6FB3E6;    /* destaques sobre marinho: 7,6:1 */
  --pj-marinho: #011C38;       /* "PJ" da logo, fundos escuros: branco em cima 17:1 */
  --pj-marinho-2: #07294D;     /* superfícies sobre o marinho */
  --pj-gelo: #F2F6FA;          /* fundo claro de seções */
  --pj-linha: #D9E3EE;         /* bordas sobre claro */

  /* Texto */
  --pj-texto: #3D5570;         /* corpo sobre branco: 7,7:1 */
  --pj-titulo: var(--pj-marinho);
  --pj-texto-inverso: #FFFFFF;
  --pj-texto-suave-inverso: #A9BCD1; /* sobre marinho: 8,8:1 */

  /* Sinal de emergência — cor EXCLUSIVA do 24h/emergência, nunca decorativa */
  --pj-alerta: #FFB020;        /* marinho em cima: 9,4:1 */

  /* Degradê do escudo */
  --pj-degrade: radial-gradient(120% 120% at 30% 15%, #3B93D3 0%, #22609A 100%);

  /* Tipografia */
  --fonte-titulo: "Poppins", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --fonte-texto: "Inter", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* Forma: cantos arredondados "quadrados", como as letras do PJ SEG */
  --raio-p: 8px;
  --raio-m: 14px;
  --raio-g: 22px;
  --sombra: 0 10px 30px -12px rgba(1, 28, 56, .28);
  --traco-icone: 1.75;         /* espessura dos ícones em linha (px no viewBox 24) */
}