/* =====================================================================================================
   Identidade do grupo IL Pay (guia de identidade v0.1) no painel e no login. Vem depois do aurora.css (que é igual
   nos sistemas da GoCode) e só troca o que é da marca: petróleo #13B5B1 nos botões e no símbolo, petróleo escuro
   #0A6E72 nos links no claro (#4FD8D4 no escuro), tinta #0A1A1F no texto e no fundo escuro, névoa #F3F6F5 no fundo
   claro; letra Onest (títulos 800, texto 400/500) e Geist Mono nos valores, taxas e rótulos.
   A PagPay troca as cores em pagpay.css. O símbolo (IL ou P) vem do brand_css() em --a-simbolo.
   ===================================================================================================== */
.app-body, .a-auth {
  --a-font: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --a-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --a-marinho: #0A1A1F; --a-papel: #F3F6F5;
  --a-bg: #F3F6F5; --a-bg-2: #E8EEED;
  --a-surface: #FFFFFF; --a-surface-solid: #FFFFFF; --a-surface-2: #F3F6F5;
  --a-line: #DCE4E2; --a-line-strong: #C7D3D1;
  --a-text: #0A1A1F; --a-text-2: #1D2F34; --a-muted: #50605F;
  --a-hover: #E8EEED; --a-press: #DCE4E2;
  --a-focus: #0A1A1F;
  --a-shadow-lg: 0 16px 40px -18px rgba(10, 26, 31, .28);
  --kt-gray-100: #F3F6F5; --kt-gray-200: #E8EEED; --kt-gray-300: #DCE4E2; --kt-gray-400: #C7D3D1; --kt-gray-500: #9DB0AE;
  --kt-gray-600: #6A7B7A; --kt-gray-700: #50605F; --kt-gray-800: #1D2F34; --kt-gray-900: #0A1A1F;
  --kt-text-muted: #50605F; --kt-border-color: #DCE4E2;
}
[data-bs-theme=dark] .app-body, [data-bs-theme=dark] .a-auth {
  --a-lnk: color-mix(in srgb, var(--a-primary) 62%, #fff);
  --a-bg: #0A1A1F; --a-bg-2: #0D2026;
  --a-surface: #10262C; --a-surface-solid: #10262C; --a-surface-2: #142D34;
  --a-line: #1B3237; --a-line-strong: #23393E;
  --a-text: #F3F6F5; --a-text-2: #C9D6D4; --a-muted: #9DB0AE;
  --a-hover: #163238; --a-press: #23393E;
  --a-focus: #F3F6F5;
  --a-shadow-lg: 0 16px 40px -16px rgba(0, 0, 0, .8);
  --kt-gray-100: #10262C; --kt-gray-200: #142D34; --kt-gray-300: #1B3237; --kt-gray-400: #23393E; --kt-gray-500: #50605F;
  --kt-gray-600: #7E9290; --kt-gray-700: #9DB0AE; --kt-gray-800: #C9D6D4; --kt-gray-900: #F3F6F5;
  --kt-text-muted: #9DB0AE; --kt-border-color: #1B3237; --kt-white: #10262C;
}

/* títulos em Onest 800, mais fechados */
.app-body h1, .app-body .fs-1, .app-body .fs-2, .a-auth h1 { font-weight: 800; letter-spacing: -.03em; }

/* símbolo da marca no topo: o quadrado com as letras (IL ou P) */
.app-body .app-header a.text-white::before {
  background: var(--a-simbolo) center / contain no-repeat; -webkit-mask: none; mask: none; border-radius: 0; width: 30px; height: 30px; vertical-align: -7px;
}
.a-auth .auth-simbolo { width: 56px; height: 56px; display: block; margin: 0 auto 16px; }