/*
  Financeiro SVD V12 - Tokens de design
  Fonte unica para cores, tipografia e escala. Novos componentes devem consumir
  apenas estas variaveis (nada de hexadecimal solto).

  Regra de cor: azul = receber (entrada), violeta = pagar (saida).
  Verde / ambar / vermelho ficam reservados para SITUACAO (ok, atencao, critico).
*/
:root{
  /* Superficies */
  --svd-bg:#041c29;
  --svd-bg-2:#062a3d;
  --svd-surface:#0a2d41;
  --svd-surface-2:#0c3850;
  --svd-line:rgba(175,202,221,.15);
  --svd-line-strong:rgba(175,202,221,.28);

  /* Texto (contraste minimo AA sobre --svd-surface) */
  --svd-text:#f2f8fb;
  --svd-text-2:#cfe0ea;
  --svd-muted:#9db6c6;
  --svd-accent:#72c7d9;

  /* Fluxos financeiros */
  --svd-in:#58b7e6;
  --svd-out:#a793f0;

  /* Situacao */
  --svd-ok:#6fcf97;
  --svd-warn:#e3a043;
  --svd-bad:#e88a8a;

  /* Tipografia: duas familias. Titulos em serifada, interface em sans.
     Pilhas de sistema: o portal funciona offline/intranet sem baixar fontes. */
  --font-ui:"Segoe UI Variable Text","Segoe UI",Calibri,Carlito,"Helvetica Neue",Arial,sans-serif;
  --font-display:Cambria,Georgia,"Times New Roman",serif;

  /* Escala (minimo legivel: 12px) */
  --fs-xs:12px;
  --fs-sm:13px;
  --fs-md:14px;
  --fs-lg:16px;
  --fs-xl:20px;
  --fs-hero:clamp(34px,3.1vw,46px);

  /* Forma */
  --radius-s:8px;
  --radius-m:12px;
  --radius-l:14px;
  --gap:12px;
}