/* marca.css — tokens oficiais da identidade visual Mitsidi.
   Fonte: Mitsidi_brand_guidelines_final.pdf, seção "COLOUR PALETTE".
   Documentação de uso: docs/marca.md

   Este é o ÚNICO lugar onde os valores da marca devem ser escritos. Telas consomem os
   tokens (`var(--mitsidi-azul)`), nunca o hex direto — assim uma eventual revisão da
   identidade muda um arquivo, não trinta.

   Atenção: `static/css/mitsidi-theme.css` define `--brand-teal-1: #009688` e
   `--brand-teal-2: #26a69a`, que são teal do Material Design e NÃO são cores da Mitsidi.
   Não confundir. Ver docs/marca.md, seção "Divergências conhecidas". */

:root {
  /* ── Paleta oficial ─────────────────────────────────────────────── */
  /* Azul primário — RGB 0,180,208 — Pantone 3125 */
  --mitsidi-azul: #00B4D0;
  /* Teal — RGB 101,197,180 — Pantone 7465 */
  --mitsidi-teal: #65C5B4;
  /* Cinza escuro — RGB 64,64,65 — Pantone Cool Gray 11C */
  --mitsidi-cinza: #404041;
  /* Cinza claro — RGB 187,189,192 — Pantone Cool Gray 5C */
  --mitsidi-cinza-claro: #BBBDC0;
  /* Amarelo — RGB 255,196,0 — Pantone P 7-8 C */
  --mitsidi-amarelo: #FFC400;

  /* ── Derivados de interface ─────────────────────────────────────── */
  /* Não estão no guia: são variações de estado (hover, foco, fundo) calculadas a
     partir das cores oficiais. Existem para que nenhuma tela precise inventar a sua. */
  --mitsidi-azul-escuro: #0097b0;
  --mitsidi-azul-tenue: rgba(0, 180, 208, 0.08);
  --mitsidi-foco: rgba(0, 180, 208, 0.22);
  --mitsidi-borda: #dfe5e8;
  --mitsidi-fundo-claro: #f4f7f8;
  /* Fundo alternado institucional para linhas e seções operacionais. */
  --mitsidi-fundo-alternado: #F2F3F4;

  /* ── Tipografia ─────────────────────────────────────────────────── */
  --mitsidi-fonte: 'Segoe UI', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
}