/* Saldovera — identidade visual 3 (v1.9.8, Petróleo & Âmbar; tipos da v1.1). Fonte única de tokens para todas as telas.
   Arquétipo: o Sábio que governa os números — o contador que traduz o balancete para o dono.
   Metáfora: caneta azul sobre o papel do razão + marca-texto no número que importa.
   Tipos locais (OFL, assets/fonts/): Source Serif 4 (voz da marca, títulos e grandes números)
   e Inter (interface e tabelas, algarismos tabulares). Funciona sem internet. */
@font-face{font-family:"Inter";font-weight:400;font-display:swap;src:url(/assets/fonts/Inter-Regular.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:500;font-display:swap;src:url(/assets/fonts/Inter-Medium.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:600;font-display:swap;src:url(/assets/fonts/Inter-SemiBold.woff) format("woff")}
@font-face{font-family:"Inter";font-weight:700;font-display:swap;src:url(/assets/fonts/Inter-Bold.woff) format("woff")}
@font-face{font-family:"DMF Serif";font-weight:400;font-display:swap;src:url(/assets/fonts/SourceSerif4-Text-Regular.woff) format("woff")}
@font-face{font-family:"DMF Serif";font-weight:600;font-display:swap;src:url(/assets/fonts/SourceSerif4-Text-SemiBold.woff) format("woff")}
@font-face{font-family:"DMF Display";font-weight:500;font-display:swap;src:url(/assets/fonts/SourceSerif4-Display-Medium.woff) format("woff")}
@font-face{font-family:"DMF Display";font-weight:600;font-display:swap;src:url(/assets/fonts/SourceSerif4-Display-SemiBold.woff) format("woff")}

:root{
  /* tipografia */
  --font:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,sans-serif;
  --serif:"DMF Serif","Source Serif 4",Georgia,serif;
  --display:"DMF Display","DMF Serif",Georgia,serif;
  --fs-xs:12px; --fs-sm:13px; --fs-md:14px; --fs-lg:16px; --fs-xl:21px; --fs-2xl:30px; --fs-3xl:44px;
  /* v1.9.8 — marca "Petróleo & Âmbar": papel quente de livro contábil, tinta petróleo, visto âmbar */
  --bg:#F7F5F0; --surface:#FFFFFF; --surface-2:#FBFAF7; --surface-3:#EFECE5;
  --ink:#12242B; --ink-2:#34474F; --muted:#5D6C72; --faint:#98A4A8;
  --line:#E5E1D8; --line-strong:#D2CCBF;
  /* marca: petróleo — ação, seleção, foco e série principal dos gráficos */
  --brand:#0F4C5C; --brand-hover:#0A3440; --brand-soft:#E4EFF1; --brand-line:#B8D3D9; --brand-ink:#0A3440;
  --ring:0 0 0 3px rgba(15,76,92,.22);
  /* âmbar: o "visto" da marca e o marca-texto (um destaque por tela) */
  --accent:#F2A541; --accent-ink:#7A4A06;
  --mark:#F7C77A; --mark-soft:#FDEFD6;
  /* barra superior */
  --night:#0A3440; --night-2:#0F4C5C; --night-3:#1A5C6C; --night-ink:#D5E4E7; --night-muted:#8FB0B8;
  /* dados: divergente petróleo (aumenta) × terracota (diminui) */
  --up:#1D7384; --down:#BC3F2C; --up-soft:#E1F0F3; --down-soft:#FBE9E5;
  /* estados (reservados, sempre com texto/ícone) */
  --pos:#1C7B51; --pos-soft:#E5F4EC;
  --neg:#BD3F2C; --neg-soft:#FBEAE6;
  --warn:#9A6211; --warn-soft:#FDF3E1; --warn-line:#EFD3A2;
  --info:#2F6FB0; --info-soft:#E9F1FA;
  --violet:#5D4BB8; --violet-soft:#F0EDFA;
  /* forma */
  --r-sm:6px; --r-md:8px; --r-lg:14px; --r-xl:20px; --r-pill:999px;
  --shadow-1:0 1px 2px rgba(18,36,43,.05);
  --shadow-2:0 1px 2px rgba(18,36,43,.04),0 6px 20px -6px rgba(18,36,43,.10);
  --shadow-pop:0 2px 6px rgba(18,36,43,.08),0 20px 48px -12px rgba(18,36,43,.24);
  --ease:cubic-bezier(.2,.7,.2,1);
  /* bloco sólido (botão principal, aviso flutuante): tinta com texto claro */
  --solid:#12242B; --solid-hover:#0A3440; --on-solid:#FFFFFF;
  --on-brand:#FFFFFF; --on-neg:#FFFFFF; --on-pos:#FFFFFF;   /* texto e ícones sobre preenchimento --brand / --neg */
  --glass:rgba(247,245,240,.9);
  --paper:#FFFFFF;   /* folha de documento (DRE): continua branca no modo escuro, como papel */
}
/* modo escuro: mesma tinta da barra superior, papel azul-noite; contraste AA nos textos */
@media screen{   /* impressão e PDF saem sempre claros */
:root[data-theme="dark"]{
  --bg:#0B1A1F; --surface:#11252B; --surface-2:#152C33; --surface-3:#1C363E;
  --ink:#E8EEEF; --ink-2:#C3D0D3; --muted:#8EA2A7; --faint:#66797E;
  --line:#1F3A42; --line-strong:#2C4A53;
  --brand:#4FB3C8; --brand-hover:#6CC4D6; --brand-soft:#133640; --brand-line:#275866; --brand-ink:#A9DEE8;
  --ring:0 0 0 3px rgba(79,179,200,.38);
  --accent:#F2A541; --accent-ink:#F7C77A;
  --mark:#F2A541; --mark-soft:#3A2A12;
  --night:#071419; --night-2:#0E2228; --night-3:#1A343C; --night-ink:#D5E4E7; --night-muted:#8FB0B8;
  --up:#5CC0D3; --down:#F07A62; --up-soft:#133640; --down-soft:#3A1E18;
  --pos:#4CC38A; --pos-soft:#11291F;
  --neg:#FF7A62; --neg-soft:#371C17;
  --warn:#F2B84B; --warn-soft:#2D2412; --warn-line:#5A4520;
  --info:#7DB3E8; --info-soft:#14283D;
  --violet:#A595FF; --violet-soft:#241F3D;
  --shadow-1:0 1px 2px rgba(0,0,0,.35);
  --shadow-2:0 1px 2px rgba(0,0,0,.3),0 8px 24px -8px rgba(0,0,0,.5);
  --shadow-pop:0 2px 6px rgba(0,0,0,.4),0 24px 56px -12px rgba(0,0,0,.65);
  --solid:#E8EEEF; --solid-hover:#FFFFFF; --on-solid:#0B1A1F;
  --on-brand:#0B1A1F; --on-neg:#0B1A1F; --on-pos:#0B1A1F;
  --glass:rgba(11,26,31,.88);
}
/* no escuro o marca-texto fica translúcido: o texto claro continua legível por cima */
:root[data-theme="dark"] .mark{background:linear-gradient(transparent 58%,rgba(242,165,65,.32) 58%,rgba(242,165,65,.32) 92%,transparent 92%)}
:root[data-theme="dark"] dialog{background:var(--surface);color:var(--ink)}
}
/* marca-texto: traço de caneta atrás do texto, não fundo de bloco */
.mark{background:linear-gradient(transparent 58%,var(--mark) 58%,var(--mark) 92%,transparent 92%);padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}