/* Aliqua — design tokens. Fonte única de cores, tipografia, espaçamento e raio.
   Importar em todas as telas antes de qualquer outro CSS. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;900&family=Instrument+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  /* marca */
  --grafite:#16191B; --aco:#7C848A; --osso:#E6E1D7; --latao:#B48A45; --ouro:#D4AE6C;
  /* estados */
  --sucesso:#3F7D4E; --sucesso-claro:#DCE8DC; --sucesso-texto:#2E5A36;
  --atencao:#8F6D33; --atencao-claro:#E8DCC2; --atencao-texto:#6E5324;
  --erro:#B5503B;   --erro-claro:#F0D9D2;   --erro-texto:#8A3B2B;
  /* departamentos */
  --dep-fiscal-bg:#E8DCC2; --dep-fiscal:#6E5324;
  --dep-contabil-bg:#DCE3E8; --dep-contabil:#2F4A5C;
  --dep-dp-bg:#E1E6DC; --dep-dp:#3F5A3A;
  --dep-societario-bg:#E9DDE0; --dep-societario:#6B3B48;
  /* tipografia */
  --f-titulo:'Archivo',sans-serif; --f-texto:'Instrument Sans',sans-serif; --f-mono:'JetBrains Mono',monospace;
  /* raio, sombra, movimento */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --dur:.55s; --ease:cubic-bezier(.2,.7,.2,1);
  --foco:0 0 0 3px rgba(180,138,69,.2);
}

/* TEMA CLARO = operação do escritório (padrão) */
:root, [data-theme="light"]{
  --bg:#E6E1D7; --bg-card:#F4F1EA; --bg-card-2:#FFFFFF; --bg-hover:#F4F1EA; --bg-sugestao:#F8F1E2;
  --borda:#D8D2C6; --borda-2:#C9C2B4; --linha:#DDD7CB;
  --texto:#16191B; --texto-2:#5E656B; --texto-3:#9AA0A5;
  --acao:#16191B; --acao-texto:#E6E1D7; --acao-hover:#B48A45; --acao-hover-texto:#16191B;
  --destaque:#8F6D33;
}
/* TEMA ESCURO = portal do cliente, login, relatórios */
[data-theme="dark"]{
  --bg:#16191B; --bg-card:#1D2124; --bg-card-2:#121517; --bg-hover:#22262A; --bg-sugestao:#2A2518;
  --borda:#2B3034; --borda-2:#3A4046; --linha:#2B3034;
  --texto:#E6E1D7; --texto-2:#9AA0A5; --texto-3:#7C848A;
  --acao:#B48A45; --acao-texto:#16191B; --acao-hover:#D4AE6C; --acao-hover-texto:#16191B;
  --destaque:#D4AE6C;
}

html{font-family:var(--f-texto);color:var(--texto);background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3,.num{font-family:var(--f-titulo);letter-spacing:-0.02em}
.mono,code,.cnpj,.valor,.chave{font-family:var(--f-mono);font-weight:500}

/* breakpoints (usar em media queries):
   celular  < 768px   : barra inferior, fila em cartões 1 coluna, toques 44px
   tablet   768–1279  : menu recolhido em ícones, fila em cartões 2 colunas
   desktop  >= 1280   : menu lateral fixo 240px, fila em tabela */