/* Tokens da identidade NPDTUB "Dashboard Animado" — porta o design system extraído em
   Identidade-visual3/design-system/ (superfícies de vidro, glow, shimmer, fundo animado)
   revestido com a paleta institucional oficial (identidade_visual/NPDTUB_Brand_Board.html).
   Nenhuma cor fora da paleta oficial e seus tons derivados. Arquivos originais da referência
   bruta (Identidade-visual3/) não são modificados — este arquivo é uma cópia adaptada. */
:root {
  /* paleta oficial */
  --petroleo: #0B2545;
  --aco: #4A5568;
  --ciano: #00B4D8;
  --ambar: #FF6B35;
  --grafite: #1A202C;
  --claro: #F5F7FA;

  /* tons derivados para uso em tema escuro */
  --petroleo-900: #050B14; /* fundo base do documento — mais profundo que a Vertex p/ o canvas animado renderizar com contraste */
  --petroleo-850: #08172B;
  --petroleo-800: #0B2545;
  --petroleo-700: #123055;
  --ciano-claro: #5FD9F0;
  --ciano-escuro: #0083A3;

  /* texto */
  --texto: #F5F7FA;
  --texto-secundario: #A3B4C9;
  --texto-terciario: #6F8299;

  /* superfícies e traços */
  --vidro: rgba(11, 37, 69, 0.55);
  --vidro-forte: rgba(8, 13, 20, 0.72);
  --traco: rgba(245, 247, 250, 0.10);
  --traco-ciano: rgba(0, 180, 216, 0.30);
  --glow-ciano: rgba(0, 180, 216, 0.22);
  --glow-ambar: rgba(255, 107, 53, 0.22);

  /* tipografia oficial */
  --fonte-titulo: 'Montserrat', system-ui, sans-serif;
  --fonte-texto: 'Inter', system-ui, sans-serif;
  /* fonte de destaque para o título grande de cada página — Playfair Display, herdada do
     design system de Identidade-visual3 (lá usada em itálico para os headlines de impacto,
     ver .font-playfair em design-system/assets/css/base.css). Mais fina/elegante que o
     Montserrat 800 do resto da UI, usada só nos .titulo-pagina — pedido do Navarro
     (2026-07-20). */
  --fonte-titulo-elegante: 'Playfair Display', Georgia, serif;

  /* ritmo */
  --raio: 14px;
  --raio-pill: 999px;
  --sombra: 0 18px 40px rgba(0, 0, 0, 0.5);
}