/* =====================================================
   DASHBOARD DE PERFORMANCE · JATIÚCA · tokens
   Derivado do DS Jatiúca v3 Edição 03 (Hotel Jatiuca/Marca/tokens.css)
   Tipografia oficial: Libre Franklin (R5 · 29/07/2026), herdeira aberta
   (OFL) da linhagem Franklin Gothic — mesma família visual da News Gothic —
   adotada por decisão de licenciamento: a News Gothic BT é fonte paga sem
   licença web válida em nome do hotel.
   Fonte variável, eixo de peso 100–900, subset latin, self-hosted.
   Paleta categórica de dados validada (dataviz · 4/4 PASS
   em superfície #fff · CVD ΔE mín 15,5)
   ===================================================== */

@font-face {
  font-family: 'Libre Franklin';
  src: url('../fonts/libre-franklin-wght-normal.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Libre Franklin';
  src: url('../fonts/libre-franklin-wght-italic.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: italic;
  font-display: block;
}

:root {
  /* DS Jatiúca v2 · estrutura */
  --jat-mar-50: #f8feff;
  --jat-mar-100: #eafafc;
  --jat-mar-200: #d2f3f6;
  --jat-mar-300: #acdee4;
  --jat-mar-400: #7dd1dc;
  --jat-mar-500: #46b4c2;
  --jat-mar-700: #317b85;
  --jat-mar-800: #255d64;
  --jat-mar-900: #002732;
  --jat-dourado-100: #fbf2cb;
  --jat-dourado-500: #e9a23b;
  --jat-dourado-700: #a35c00;
  --jat-coral: #eb5c44;
  --jat-coral-texto: #b03e2b;
  --jat-areia: #fbf7f2;

  /* Tinta e superfícies */
  --ink: #16282d;
  --ink-2: #4a5c61;
  --ink-3: #5f7076;
  --surface: #ffffff;
  --surface-2: #fdfbf7;
  --line: rgba(0, 39, 50, 0.13);
  --line-soft: rgba(0, 39, 50, 0.07);

  /* Dados · categórica de canais (ordem fixa, nunca ciclada) */
  --data-direct: #0089a3;
  --data-ota: #c98417;
  --data-operator: #1a5dae;
  --data-bedbank: #1f9db5;
  --data-groups: #6b8f3f;
  --data-other: #9c5a10;

  /* Dados · papéis */
  --data-primary: #0089a3;        /* série principal (2026) */
  --data-reference: #6f8288;      /* 2025 realizado · 4,0:1 no branco, 3,8:1 na areia (objeto gráfico pede 3:1; o #8fa1a7 antigo dava 2,7:1) */
  --data-best: #c98417;           /* melhor 2023-2025 */
  --delta-pos: #1c6b5a;
  --delta-neg: #b03e2b;
  --risk: #b03e2b;
  --attention: #a35c00;

  /* Sequencial (heatmap · um matiz, claro→escuro) */
  --seq-1: #eafafc;
  --seq-2: #c9ecf1;
  --seq-3: #8fd2dd;
  --seq-4: #4aafc0;
  --seq-5: #19819a;
  --seq-6: #0b5163;

  --font-display: 'Libre Franklin', system-ui, sans-serif;
  --font-body: 'Libre Franklin', system-ui, sans-serif;

  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 1px 2px rgba(0, 39, 50, 0.05), 0 4px 16px rgba(0, 39, 50, 0.05);
  --pad: 20px;
  --gap: 14px;
  --header-h: 58px;
  --nav-h: 46px;
  --filter-h: 54px;
}