/* ============================================================
   PRUMO - tokens
   Fonte da verdade de cor, tipografia, espaco, raio, sombra e camada.
   REGRA DURA: hex de cor SO existe neste arquivo. Nunca em template.
   ============================================================ */

/* ---------- TEMA CLARO (padrao) ---------- */
:root {
  /* Marca */
  --accent: #0F4C5C;
  --accent-hover: #14657A;
  --accent-soft: rgba(15, 76, 92, 0.10);
  --accent-contrast: #FFFFFF;

  /* Superficies */
  --bg: #F4F6F8;
  --bg-elev: #FFFFFF;
  --surface: #FFFFFF;
  --surface-glass: rgba(255, 255, 255, 0.78);
  --surface-hover: #F1F5F9;

  /* Texto */
  --text: #111827;
  --text-dim: #64748B;
  --text-faint: #94A3B8;

  /* Bordas */
  --border: #E5E7EB;
  --border-strong: #CBD5E1;

  /* Semanticas: verde = positivo, vermelho = alerta/destrutivo,
     laranja = destaque secundario opcional */
  --success: #15803D;
  --success-soft: rgba(21, 128, 61, 0.12);
  --danger: #DC2626;
  --danger-soft: rgba(220, 38, 38, 0.12);
  --danger-contrast: #FFFFFF;
  --warning: #C2410C;
  --warning-soft: rgba(194, 65, 12, 0.12);
  --info: #1D4ED8;
  --info-soft: rgba(29, 78, 216, 0.12);

  /* Estado ON do toggle (Padrao_Toggle_OnOff: verde) */
  --toggle-on: #16A34A;
  --toggle-track: #CBD5E1;
  --toggle-knob: #FFFFFF;

  /* Tipografia: Inter no corpo, Sora nos titulos/KPI/marca */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-titulo: "Sora", "Inter", system-ui, sans-serif;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 15px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;

  /* Espacos */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* Raios (Padrao_Box_Card: 8 / 12 / 18 / full) */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 18px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.08);
  --shadow: 0 4px 12px rgba(15, 23, 42, 0.10);
  --shadow-md: 0 8px 20px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.18);
  --shadow-glass: 0 8px 32px rgba(15, 23, 42, 0.14);
  --blur: blur(12px);
  --backdrop: rgba(15, 23, 42, 0.55);
  --backdrop-blur: blur(2px);

  --transition: .15s ease;

  /* Layout */
  --sidebar-w: 248px;
  --sidebar-w-recolhida: 72px;
  --topbar-h: 60px;
  --altura-controle: 40px;  /* Padrao_Formulario */
  --fu-h: 38px;             /* Padrao_Barra_de_Filtros */

  /* Camadas (Padrao_Elevacao_Zindex - escala fixa, nunca numero solto)
     ordem: tooltip > toast > modal > overlay > dropdown > sticky > sidebar */
  --z-base: 0;
  --z-sidebar: 100;
  --z-sticky: 200;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;
  --z-tooltip: 700;

  /* KPI Dashboard (Padrao_KPI_Dashboard: faixa 3px, icone 44x44) */
  --kpi-strip-accent: linear-gradient(90deg, #0F4C5C, #14657A);
  --kpi-strip-success: linear-gradient(90deg, #15803D, #22c55e);
  --kpi-strip-danger: linear-gradient(90deg, #DC2626, #ef4444);
  --kpi-strip-warning: linear-gradient(90deg, #C2410C, #ea580c);
  --kpi-pos-bg: #f0fdf4;
  --kpi-pos-border: #bbf7d0;
  --kpi-neg-bg: #fef2f2;
  --kpi-neg-border: #fecaca;

  /* Paleta categorica para graficos (alem dos 4 semanticos success/danger/accent/warning) */
  --chart-5: #8b5cf6;
  --chart-6: #ec4899;
  --chart-7: #14b8a6;
  --chart-8: #f97316;

  /* IA (Padrao_Marca_IA + Sempre_Marcar_IA): paleta EXCLUSIVA, nunca
     substitui --accent. Elemento visual de IA usa SO estes tokens.
     Fase 59: grafite no lugar do roxo da vault (pedido do usuario, desvio
     registrado em 0_GENESIS/LASTRO.md). ph-sparkle continua marcando IA. */
  --ia-primario: #334155;
  --ia-primario-hover: #1E293B;
  --ia-primario-disabled: #94A3B8;
  --ia-texto: #1E293B;
  --ia-borda: #CBD5E1;
  --ia-pastel-1: #F8FAFC;
  --ia-pastel-2: #EEF2F6;
  --ia-suave: #F1F5F9;

  /* Fase 65: faixa de acoes da selecao em lote (Padrao_Selecao_em_Lote):
     escura nos dois temas, nunca na cor da marca. */
  --lote-bg: #1E293B;
  --lote-texto: #FFFFFF;
  --lote-borda: rgba(255, 255, 255, 0.22);
  --lote-hover: rgba(255, 255, 255, 0.10);
}

/* ---------- TEMA ESCURO ---------- */
/* O accent clareia no escuro para manter contraste legivel sobre fundo escuro.
   E o MESMO matiz petroleo da marca, so com luminancia adequada ao fundo.
   O valor canonico da marca (#0F4C5C) segue sendo o do tema claro. */
[data-theme="dark"] {
  --accent: #4FA8C0;
  --accent-hover: #6FBFD4;
  --accent-soft: rgba(79, 168, 192, 0.16);
  --accent-contrast: #06232B;

  --bg: #0D0F12;
  --bg-elev: #14171C;
  --surface: #1A1E24;
  --surface-glass: rgba(26, 30, 36, 0.72);
  --surface-hover: #222831;

  --text: #E8EAED;
  --text-dim: #9AA0A8;
  --text-faint: #6B7280;

  --border: #262B33;
  --border-strong: #3A424E;

  --success: #4ADE80;
  --success-soft: rgba(74, 222, 128, 0.16);
  --danger: #F87171;
  --danger-soft: rgba(248, 113, 113, 0.16);
  --danger-contrast: #2B0A0A;
  --warning: #FB923C;
  --warning-soft: rgba(251, 146, 60, 0.16);
  --info: #60A5FA;
  --info-soft: rgba(96, 165, 250, 0.16);

  --toggle-on: #16A34A;
  --toggle-track: #3A424E;
  --toggle-knob: #FFFFFF;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30), 0 1px 3px rgba(0, 0, 0, 0.36);
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.40);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.46);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.55);
  --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.45);
  --backdrop: rgba(0, 0, 0, 0.62);

  --kpi-strip-accent: linear-gradient(90deg, #4FA8C0, #6FBFD4);
  --kpi-strip-success: linear-gradient(90deg, #4ADE80, #86EFAC);
  --kpi-strip-danger: linear-gradient(90deg, #F87171, #FCA5A5);
  --kpi-strip-warning: linear-gradient(90deg, #FB923C, #FDBA74);
  --kpi-pos-bg: rgba(74, 222, 128, 0.10);
  --kpi-pos-border: rgba(74, 222, 128, 0.25);
  --kpi-neg-bg: rgba(248, 113, 113, 0.10);
  --kpi-neg-border: rgba(248, 113, 113, 0.25);

  --chart-5: #a78bfa;
  --chart-6: #f472b6;
  --chart-7: #2dd4bf;
  --chart-8: #fb923c;

  /* IA no escuro (Fase 59, grafite): cinza-azulado medio pra o botao
     (texto branco legivel) e pastel translucido. */
  --ia-primario: #64748B;
  --ia-primario-hover: #475569;
  --ia-primario-disabled: rgba(100, 116, 139, 0.45);
  --ia-texto: #E2E8F0;
  --ia-borda: rgba(148, 163, 184, 0.35);
  --ia-pastel-1: rgba(148, 163, 184, 0.08);
  --ia-pastel-2: rgba(148, 163, 184, 0.16);
  --ia-suave: rgba(148, 163, 184, 0.14);

  --lote-bg: #334155;
  --lote-texto: #FFFFFF;
  --lote-borda: rgba(255, 255, 255, 0.24);
  --lote-hover: rgba(255, 255, 255, 0.12);
}