/* Identidade da marca (a mesma do finance-hub): laranja, cobre-latão, marinho, azul-aço e prata.
   Só tokens: o núcleo aurora.css não é editado. Cantos quase retos, sem sombra.
   Só tema claro: o Aurora manda o produto em modo claro, e o tema do MudBlazor também é claro. */
:root{
  /* ---- tipografia (fontes em fonts.css): Inter no texto, Cormorant Garamond nos títulos ---- */
  --s-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,Roboto,sans-serif;
  --s-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;

  /* ---- superfícies e neutros: degraus do azul-aço ---- */
  --s-bg:#edf0f5; --s-card:#f8f9fc; --s-card-2:#f8f9fc;
  --s-hover:#e3e8f0; --s-track:#d3d9e2;
  --s-side:var(--fh-side); --s-side-bd:#2f4663;
  --fh-side:#171920; --fh-side-hover:#1f2a3b; --fh-field-bd:#7d8aa0; --fh-btn-edge:#a8400a;
  /* QR code: sempre fundo branco, nos dois temas, senão o app autenticador não lê. */
  --fh-qr-bg:#ffffff;

  /* ---- texto ---- */
  --s-fg:#171920; --s-muted:#45536a; --s-faint:#5d6c83; --s-ghost:#8a97ab;

  /* ---- bordas ---- */
  --s-bd:#d3d9e2; --s-bd-soft:#e1e6ee; --s-bd-strong:#b4bfce;
  --s-card-bd:1px solid #d3d9e2;

  /* ---- acento: laranja. Texto sobre ele é marinho; em texto solto usa-se o degrau escuro ---- */
  --s-accent:#dd5711;
  --s-accent-ink:#9c3d0a; --s-accent-fg:#171920; --s-accent-weak:#f6e1d4; --s-accent-bd:#e8b99c;
  --s-barfill:#dd5711;

  /* ---- status: cores funcionais, fora da paleta da marca ---- */
  --s-ok:#2e6b47;   --s-ok-bg:#e1efe7;   --s-ok-bd:#bcd8c8;   --s-ok-tint:#f3f8f5;
  --s-warn:#7a5b00; --s-warn-bg:#fbf1cf; --s-warn-bd:#f0e4bf; --s-warn-tint:#fffdf5; --s-warn-deep:#5c4400;
  --s-crit:#b3261e; --s-crit-bg:#f5dedc; --s-crit-bd:#e2b8b4; --s-crit-tint:#fbf1f0;
  --s-chip-mut-bg:#e3e8f0;
  --s-on-cor:#edf0f5;

  /* ---- cantos quase retos, sem sombra ---- */
  --s-radius:4px; --s-nav-r:4px; --s-btn-r:4px;
  --s-card-sh:none; --s-btn-sh:none; --s-active-sh:none;

  /* ---- item ativo, avatar e topo ---- */
  --s-active-bg:#dd5711; --s-active-fg:#171920;
  --s-avatar-bg:#2f4663; --s-avatar-fg:#edf0f5;
  --s-top-bg:rgba(237,240,245,.9);
}