/* Fluxo GV-O-M — tokens da identidade visual do Grupo GVS.
   Tema claro é o padrão (:root); o escuro é override em :root[data-theme="dark"], ativado pelo
   atributo data-theme no <html> (ver js/ui.js). Nenhum componente usa hex solto: só estas variáveis.
   Todo token novo precisa do par no bloco escuro (skill gestao-visual, seção 1). */
:root {
  /* Marca */
  --brand-cyan: #41B6E6;           /* ciano oficial (Apresentação Padrão GVS) */
  --line-cyan: #41B6E6;            /* destaque/ação: hover de card, aba ativa, foco */
  --brand-navy: #202850;           /* navy da logo — ação primária */
  --brand-navy-hover: #151B3A;
  --brand-gradient: linear-gradient(90deg, #41B6E6 0%, #202850 100%); /* só logo e acentos (barra do KPI) */
  --on-brand: #FFFFFF;             /* texto sobre botão primário */

  /* Superfícies e texto */
  --bg-main: #F4F6F9;
  --card-1: #FFFFFF;
  --card-2: #F8FAFC;
  --card-3: #EEF2F7;
  --text-main: #1C2333;
  --text-secondary: #5B6478;
  --border-strong: #DCE1E8;
  --line-soft: #EDF0F4;
  --logo-plate: #FFFFFF;           /* bloco claro sob a logo (a logo some sobre fundo escuro) */

  /* Tabela: cabeçalho navy com texto branco FIXO nos dois temas */
  --table-head-bg: #202850;
  --table-head-text: #FFFFFF;
  --row-hover: #F1F7FC;

  /* Status — as 7 cores permitidas (selo = fundo da cor a 13% + texto na cor) */
  --green: #12855C;
  --red: #DC2626;
  --orange: #C2410C;
  --yellow: #F59E0B;
  --blue: #0369A1;
  --purple: #7C3AED;
  --gray: #6B7280;

  /* Gráficos (Chart.js lê via ui.theme.token) */
  --chart-realizado: #202850;
  --chart-ajustada: #41B6E6;
  --chart-original: #A3ACBB;
  --chart-estouro: #DC2626;
  --chart-grid: #E9EDF2;
  --chart-text: #5B6478;
  /* Séries para comparar meses lado a lado (Dashboard) */
  --chart-serie-1: #202850;
  --chart-serie-2: #41B6E6;
  --chart-serie-3: #7C8CC4;
  --chart-serie-4: #12855C;
  --chart-serie-5: #C2410C;
  --chart-serie-6: #7C3AED;

  /* Tipografia oficial: League Spartan (títulos, números, botões, selos) e Now (corpo).
     Now ainda não tem webfont licenciada — cai no system-ui. */
  --font-display: "League Spartan", system-ui, sans-serif;
  --font-body: "Now", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Forma */
  --radius: 16px;
  --radius-sm: 8px;
  --radius-pill: 999px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 12px rgba(16, 24, 40, .06);
  --overlay: rgba(15, 20, 36, .55);
  --z-sticky: 4; --z-header: 40; --z-dropdown: 50; --z-modal: 200; --z-fab: 250; --z-toast: 300;
}

:root[data-theme="dark"] {
  --brand-navy: #9FB3E8;           /* navy some no fundo escuro: vira tom claro para texto */
  --brand-navy-hover: #B9C8F0;
  --brand-gradient: linear-gradient(90deg, #41B6E6 0%, #2B3A7A 100%);
  --on-brand: #0F1424;

  --bg-main: #0F1424;
  --card-1: #161D33;
  --card-2: #1B2440;
  --card-3: #232D4E;
  --text-main: #E6EAF2;
  --text-secondary: #A6B0C3;
  --border-strong: #2C3758;
  --line-soft: #222B48;

  --row-hover: #1E2946;

  --green: #34D399;
  --red: #F87171;
  --orange: #FB923C;
  --yellow: #FBBF24;
  --blue: #38BDF8;
  --purple: #A78BFA;
  --gray: #9CA3AF;

  --chart-realizado: #9FB3E8;
  --chart-original: #5D6886;
  --chart-estouro: #F87171;
  --chart-grid: #232D4E;
  --chart-text: #A6B0C3;
  --chart-serie-1: #9FB3E8;
  --chart-serie-2: #41B6E6;
  --chart-serie-3: #C7D2F0;
  --chart-serie-4: #34D399;
  --chart-serie-5: #FB923C;
  --chart-serie-6: #A78BFA;

  --shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .35);
}