/* I9TMG — Cores institucionais
   Primária: Pantone 540 C (azul institucional)
   Secundária: Pantone 1585 C (laranja)
   Dominância de branco e azul; laranja em percentual reduzido, sempre hierárquico. */
:root{
  /* Brand base */
  --i9-navy:#003057;        /* Pantone 540 C — títulos, blocos sólidos, assinatura */
  --i9-navy-700:#012743;    /* navy mais escuro p/ sobreposições */
  --i9-petrol:#12587C;      /* azul petróleo — faixas diagonais, blocos de apoio, overlay foto */
  --i9-orange:#FF6A13;      /* Pantone 1585 C — destaques, CTA, marcadores */
  --i9-orange-600:#E85D08;  /* laranja press/hover */

  /* Neutros */
  --i9-white:#FFFFFF;       /* base principal */
  --i9-gray-100:#F2F2F2;    /* blocos secundários */
  --i9-gray-300:#D8DCE0;    /* linhas, divisores */
  --i9-gray-700:#333333;    /* corpo de texto */

  /* ---- Aliases semânticos ---- */
  --color-bg:var(--i9-white);
  --color-surface:var(--i9-white);
  --color-surface-alt:var(--i9-gray-100);
  --color-surface-inverse:var(--i9-navy);

  --text-heading:var(--i9-navy);
  --text-body:var(--i9-gray-700);
  --text-muted:#5A6672;
  --text-on-dark:var(--i9-white);
  --text-accent:var(--i9-orange);

  --color-primary:var(--i9-navy);
  --color-accent:var(--i9-orange);
  --color-accent-hover:var(--i9-orange-600);
  --color-support:var(--i9-petrol);

  --border-subtle:var(--i9-gray-300);
  --border-strong:var(--i9-navy);

  --link-color:var(--i9-navy);
  --link-hover:var(--i9-orange);

  /* Overlays sobre foto (garantir legibilidade) */
  --overlay-navy:rgba(0,48,87,.72);
  --overlay-navy-grad:linear-gradient(90deg,rgba(0,48,87,.92) 0%,rgba(0,48,87,.55) 55%,rgba(0,48,87,0) 100%); /* @kind color */
  --overlay-petrol:rgba(18,88,124,.62);
}