/* Level Emit — Tema oficial Level One (aplicado em 17/07/2026)
   Fonte: "Kit pronto Sistemas Level One/levelone-theme.css". Paleta e
   tipografia oficiais do grupo; base.css consome estes tokens. */

:root {
  --bg: #F5F7FA;                 /* --lo-canvas */
  --card: #FFFFFF;
  --card-border: #DFDFE0;        /* --lo-gray-200 */
  --topbar-bg: #FFFFFF;
  /* Cabeçalho de tabela: escuro, igual ao Level Hub (29/07/2026). O azul-
     petróleo está fora do kit oficial — é identidade de tabela do grupo,
     nasceu no Hub (--sidebar-bg lá) e agora vale aqui também. */
  --thead-bg: #1C2B38;
  --thead-ink: #FFFFFF;
  --thead-destaque: #2C4155;     /* coluna em destaque dentro do cabeçalho escuro */
  --zebra: #F8FAFC;              /* linha par das tabelas */
  --linha-destaque: #EEF2F6;     /* linha de total dentro do corpo da tabela */
  --input-bg: #FFFFFF;
  --row-border: #ECEFF3;
  --hover: #F3F6FA;

  --text: #232424;               /* --lo-gray-900 */
  --text-2: #58595A;             /* --lo-gray-600 */
  --muted: #6F7071;              /* --lo-gray-500 */

  --accent: #0F91CF;             /* --lo-blue-500 */
  --accent-2: #3FA9DC;           /* --lo-blue-400 */
  --accent-ink: #0C7AB0;         /* --lo-blue-600 */
  --accent-soft: #EBF6FC;        /* --lo-blue-50 */
  --accent-700: #0A648F;

  --ok-ink: #157A52;    --ok-bg: #E6F6EF;
  --warn-ink: #A66C12;  --warn-bg: #FCF3E2;
  --bad-ink: #A32F2F;   --bad-bg: #FBEAEA;
  --info-ink: #0A648F;  --info-bg: #EBF6FC;

  --chart-series: #0F91CF;
  --chart-grid: #EAEEF3;
  --chart-axis: #D4DAE2;

  --tip-bg: #232424; --tip-ink: #FFFFFF;
  --brand-panel: linear-gradient(160deg, #1A2730 0%, #10181D 70%);

  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --rail-w: 72px;                /* vira --barra-w-aberta quando a barra expande */
  --barra-w-aberta: 240px;
  --radius: 10px;
  --radius-sm: 8px;
  --lo-skew: -18deg;             /* inclinação do "1" — assinatura gráfica */
  --shadow: 0 1px 3px rgba(16,42,67,.08), 0 1px 2px rgba(16,42,67,.04);
  --shadow-lift: 0 12px 28px -14px rgba(16,24,40,.22);

  /* ── Escala de empilhamento (29/07/2026, portada do Level Hub) ───────────
     Antes havia 6 valores soltos (30/40/50/55/90/100) dos quais metade era
     letra morta: `.barra` (fixed) e `.topbar` (sticky) criam contexto de
     empilhamento, então o z-index de um filho só vale ENTRE IRMÃOS — o 90 do
     submenu nunca disputou nada com o resto da página. Estes 4 tokens são a
     escala real; nada no projeto deve declarar z-index fora deles. Dentro de
     um contexto (filhos da barra, filhos da topbar) use 1, 2, 3. */
  --z-topbar: 40;
  --z-barra:  55;
  --z-menu:   60;   /* dropdowns que nascem FORA de barra/topbar */
  --z-flash: 100;
}

body { font-family: var(--font-body); }
h1, h2, h3, h4 { font-family: var(--font-display); letter-spacing: -0.01em; }
.kpi .k-value, .card .valor { font-family: var(--font-display); }

/* Classe do kit oficial usada em template (número da fatura em
   receber/index.html). O Emit não carrega levelone-theme.css, então ela
   precisa existir aqui — sem isto o número renderiza em Inter. */
.lo-mono { font-family: var(--font-mono); }