/* 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;

  /* ── Paleta operacional — NÃO é marca ───────────────────────────── */
  /* Quatro cores que o guia da Mitsidi não define. Nasceram do redesign do Financeiro
     (Spec 102) e foram aprovadas em 25/09/2026 para valer em todo o sistema, não só
     naquela área. Ficam aqui, e não no CSS do Financeiro, porque um valor que precisa
     existir fora dele não pode morar num arquivo que só ele carrega — a alternativa
     seria repetir o hex em dois lugares, e dois lugares divergem na primeira revisão.
     O prefixo `-op-` existe para que ninguém as confunda com a paleta oficial acima.
     Documentação: docs/marca.md, seção "Paleta operacional". */
  --mitsidi-op-verde: #97D700;
  --mitsidi-op-laranja: #ED8B00;
  --mitsidi-op-grafite: #53565A;
  --mitsidi-op-vermelho: #DC4405;

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