/**
 * identidade-tokens.css — Camada de identidade visual CESAN (portal + admin)
 *
 * Extraído das seções 1 e 2 do antigo publico/html/css/identidade.css para
 * que o ADMIN herde a mesma identidade sem duplicar valores. Vive em shared/
 * porque os dois Dockerfiles fazem `COPY shared /var/www/html/includes` — a
 * URL /includes/identidade-tokens.css resolve nos dois containers.
 *
 * NÃO reescreve regra nenhuma: só (a) declara a família Frutiger e (b)
 * redefine os tokens canônicos de /includes/tokens.css. Tudo que já consome
 * --water/--ink/--line/--radius herda a identidade automaticamente.
 *
 * ORDEM DE CARGA (crítica — o :root aqui vence por ser o último de mesma
 * especificidade):
 *   portal público: tokens.css → portal.css → pages.css → ESTE → identidade.css
 *   admin:          tokens.css → ESTE → admin.css
 *
 * Referências: identidade-visual/front.html, internas.html e
 * C3308-26_portal_transparencia_home.jpg.
 */

/* ══════════════════════════════════════
   1. TIPOGRAFIA — Frutiger LT Std
   Frutiger não tem 500/600/800. Os pesos intermediários são mapeados para
   Roman (400) ou Bold (700) conforme o peso visual do referencial, para o
   navegador NÃO sintetizar bold. Itálico só existe em Bold — por isso o
   itálico é usado apenas no wordmark "Portal da Transparência" (700).

   Caminho ABSOLUTO (/includes/fonts/), não relativo: este arquivo é servido
   de /includes/ no portal e no admin, e um '../fonts/' resolveria para
   /fonts/ — que não existe em nenhum dos dois.
   ══════════════════════════════════════ */
@font-face{
  font-family:'Frutiger LT Std';
  src:url('/includes/fonts/FrutigerLTStd-Light.woff') format('woff'),
      url('/includes/fonts/FrutigerLTStd-Light.otf') format('opentype');
  font-weight:300;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Frutiger LT Std';
  src:url('/includes/fonts/FrutigerLTStd-Roman.woff') format('woff'),
      url('/includes/fonts/FrutigerLTStd-Roman.otf') format('opentype');
  font-weight:400;font-style:normal;font-display:swap;
}
/* 500 → Roman: no referencial, "font-medium" é o corpo de nav/label, não um
   peso intermediário real. */
@font-face{
  font-family:'Frutiger LT Std';
  src:url('/includes/fonts/FrutigerLTStd-Roman.woff') format('woff'),
      url('/includes/fonts/FrutigerLTStd-Roman.otf') format('opentype');
  font-weight:500;font-style:normal;font-display:swap;
}
/* 600/700/800 → Bold: títulos e rótulos do referencial usam semibold/bold/
   extrabold indistintamente; todos caem no único Bold disponível. */
@font-face{
  font-family:'Frutiger LT Std';
  src:url('/includes/fonts/FrutigerLTStd-Bold.woff') format('woff'),
      url('/includes/fonts/FrutigerLTStd-Bold.otf') format('opentype');
  font-weight:600;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Frutiger LT Std';
  src:url('/includes/fonts/FrutigerLTStd-Bold.woff') format('woff'),
      url('/includes/fonts/FrutigerLTStd-Bold.otf') format('opentype');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Frutiger LT Std';
  src:url('/includes/fonts/FrutigerLTStd-Bold.woff') format('woff'),
      url('/includes/fonts/FrutigerLTStd-Bold.otf') format('opentype');
  font-weight:800;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Frutiger LT Std';
  src:url('/includes/fonts/FrutigerLTStd-BoldItalic.woff') format('woff'),
      url('/includes/fonts/FrutigerLTStd-BoldItalic.otf') format('opentype');
  font-weight:700;font-style:italic;font-display:swap;
}
@font-face{
  font-family:'Frutiger LT Std';
  src:url('/includes/fonts/FrutigerLTStd-BoldItalic.woff') format('woff'),
      url('/includes/fonts/FrutigerLTStd-BoldItalic.otf') format('opentype');
  font-weight:800;font-style:italic;font-display:swap;
}

/* ══════════════════════════════════════
   2. TOKENS DA IDENTIDADE + REMAPEAMENTO DOS CANÔNICOS
   Este :root vem depois do :root de tokens.css (e, no portal, do de
   portal.css), mesma especificidade — logo prevalece. Redefinir
   --water/--ink/--line aqui é o que leva a identidade para portal.css,
   pages.css e admin.css sem editá-los.
   ══════════════════════════════════════ */
:root{
  /* ── Paleta da identidade ── */
  --id-primary:      #005596;  /* navy oficial cesan.com.br (era #00569c) */
  --id-primary-d:    #004C92;  /* navy de texto/hover oficial (era #004273) */
  --id-secondary:    #00ADEF;  /* ciano oficial (era #009cde) */
  --id-beige:        #EDE6E2;  /* fundo do topbar */
  /* --id-secondary-aa: mesmo matiz escurecido ~12%. Ainda usado em footer/
     botões — não é mais usado na faixa do portal (nav/header). Usado SOMENTE
     onde há texto branco menor que 18,66px bold sobre ciano. Branco sobre
     #009cde dá 3,08:1 (reprova AA para texto normal); sobre #007cb2 dá 4,66:1. */
  --id-secondary-aa: #007cb2;
  --id-surface:      #f7f9fc;
  --id-surface-dim:  #e2e8f0;
  --id-surface-low:  #f2f4f7;
  --id-white:        #ffffff;
  --id-on-surface:   #1a202c;
  --id-on-variant:   #4a5568;
  --id-outline:      #cbd5e1;
  --id-pink:         #fb6eae;
  --id-tile:         #e0ebf1;  /* fundo dos tiles de acesso rápido */
  --id-yellow:       #facc15;  /* selo Transparência */
  --id-radius:       8px;

  /* Frutiger → Nunito → system-ui. 'Plus Jakarta Sans' saiu da pilha: era uma
     terceira família que nenhum dos dois containers carrega, na frente do
     fallback real — em máquina que a tivesse instalada, o admin inteiro
     renderizaria nela durante o swap do Frutiger. */
  --id-font:'Frutiger LT Std','Nunito',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* ── Remapeamento dos tokens canônicos ── */
  --ff:   var(--id-font);
  --mono: var(--id-font);

  --water:      var(--id-primary);
  --water-d:    var(--id-primary-d);
  --water-c:    var(--id-secondary);
  --water-on-c: var(--id-white);
  --water-fix:  var(--id-tile);
  --water-dim:  color-mix(in srgb, var(--id-primary) 10%, transparent);
  --water-pale: var(--id-primary-d);

  --aqua:    var(--id-secondary-aa);
  --aqua-c:  #9fdcf5;
  --aqua-fix:var(--id-tile);
  --aqua-l:  #eef3f8;
  /* --aqua-on-c: texto/ícone do item de menu ATIVO do admin, sobre a pill
     --aqua-fix (#e0ebf1). O canônico é #005975 (teal legado) — fora da
     identidade. #004C92 sobre #e0ebf1 dá 6,93:1 (medido; uma estimativa
     anterior dizia 8,9 e estava errada). Zero uso no portal público — só
     admin.css, no .nav-item.active —, então remapear aqui não afeta o portal. */
  --aqua-on-c: var(--id-primary-d);

  --navy:   var(--id-primary);
  --navy-2: var(--id-primary-d);
  --navy-c: var(--id-tile);
  /* --navy-on: fim do gradiente do header do admin (admin.css:93, que começa
     em --water-d). O canônico é #2a486b, um azul-acinzentado que misturado
     com #004C92 lê como lama. Colapsando na primária, o chrome vira um
     gradiente #004C92 → #005596: dois tons da MESMA cor da identidade, sem
     segunda família. Zero uso no portal público. */
  --navy-on: var(--id-primary);

  --bg:          var(--id-surface);
  --surface:     var(--id-white);
  --surface-2:   var(--id-surface-low);
  --surface-3:   #eaeff5;
  --surface-4:   var(--id-surface-dim);
  --surface-5:   var(--id-surface-dim);
  --surface-dim: var(--id-surface-dim);

  --ink:       var(--id-on-surface);
  --ink-soft:  var(--id-on-variant);
  /* #6b7688 dava 4,6:1 sobre BRANCO e reprovava em todas as superfícies onde o
     token é de fato usado: 4,35 sobre --bg, 4,17 sobre --surface-2 (o fundo do
     .data-table thead de todo o admin) e 3,97 sobre --surface-3. Medido no
     browser, não estimado. #626c7d é o mesmo matiz escurecido até o pior caso
     passar: 4,59 / 4,81 / 5,03 / 5,30 nas quatro superfícies. Ao mexer aqui,
     medir contra as SUPERFÍCIES, nunca contra #ffffff. */
  --ink-faint: #626c7d;

  --line:      var(--id-outline);
  --line-soft: var(--id-surface-dim);

  --radius-sm: 6px;
  --radius:    var(--id-radius);
  --radius-md: var(--id-radius);
  --radius-lg: var(--id-radius);
}

html{font-size:16px}
body{font-family:var(--id-font);background:var(--id-surface);color:var(--id-on-surface)}