/* =====================================================================================================
   Identidade da Quinta do Conhecimento (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: palha #FBF6EA no fundo claro (cartão #FFF, borda
   #E8DFC9), floresta #123B2E no texto; no escuro, fundo #0E2A21, cartão #143A2D, borda #2A5C49, texto #FBF6EA.
   A cor dos botões é a da conta (padrão: dourado #F2B53A com texto floresta; o broto #A8D5B5 é a cor da plataforma).
   Hanken Grotesk (títulos 800, texto 400/500) e IBM Plex Mono nos rótulos. O símbolo vem do brand_css() em --a-simbolo.
   ===================================================================================================== */
.app-body, .a-auth {
  --a-font: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --a-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --a-marinho: #123B2E; --a-papel: #FBF6EA;
  --a-bg: #FBF6EA; --a-bg-2: #F3ECDA;
  --a-surface: #FFFFFF; --a-surface-solid: #FFFFFF; --a-surface-2: #FBF6EA;
  --a-line: #E8DFC9; --a-line-strong: #DACFB4;
  --a-text: #123B2E; --a-text-2: #24483B; --a-muted: #5E6F66;
  --a-hover: #F3ECDA; --a-press: #E8DFC9;
  --a-focus: #123B2E;
  --a-aurora-op: 0; --a-grid: transparent;
  --a-shadow: none;
  --a-shadow-lg: 0 16px 40px -18px rgba(18, 59, 46, .28);
  --kt-gray-100: #FBF6EA; --kt-gray-200: #F3ECDA; --kt-gray-300: #E8DFC9; --kt-gray-400: #DACFB4; --kt-gray-500: #A3B0A8;
  --kt-gray-600: #7D8C84; --kt-gray-700: #5E6F66; --kt-gray-800: #24483B; --kt-gray-900: #123B2E;
  --kt-text-muted: #5E6F66; --kt-border-color: #E8DFC9;
}
[data-bs-theme=dark] .app-body, [data-bs-theme=dark] .a-auth {
  --a-lnk: #F2B53A;
  --a-bg: #0E2A21; --a-bg-2: #113126;
  --a-surface: #143A2D; --a-surface-solid: #143A2D; --a-surface-2: #184235;
  --a-line: #2A5C49; --a-line-strong: #367058;
  --a-text: #FBF6EA; --a-text-2: #DCE6DF; --a-muted: #A6BFB2;
  --a-hover: #1A4637; --a-press: #2A5C49;
  --a-focus: #FBF6EA;
  --a-shadow: none;
  --a-shadow-lg: 0 16px 40px -16px rgba(0, 0, 0, .8);
  --kt-gray-100: #143A2D; --kt-gray-200: #184235; --kt-gray-300: #2A5C49; --kt-gray-400: #367058; --kt-gray-500: #5E6F66;
  --kt-gray-600: #86A094; --kt-gray-700: #A6BFB2; --kt-gray-800: #DCE6DF; --kt-gray-900: #FBF6EA;
  --kt-text-muted: #A6BFB2; --kt-border-color: #2A5C49; --kt-white: #143A2D;
}

/* títulos em Hanken 800, fechados */
.app-body h1, .app-body h2, .app-body h3, .app-body .fs-1, .app-body .fs-2, .a-auth h1 { font-weight: 800; letter-spacing: -.03em; }
.app-body ::selection, .a-auth ::selection { background: #F2B53A; color: #123B2E; }

/* símbolo da marca no topo: o Q com a folha no quadrado floresta */
.app-body .app-header a.text-white::before {
  content: ""; background: var(--a-simbolo) center / contain no-repeat; -webkit-mask: none; mask: none; border-radius: 0;
  width: 30px; height: 30px; vertical-align: -7px;
}

/* o modo escuro antigo (dark.css) pinta fundo e cartões de cinza-azulado com !important: aqui volta o verde */
[data-bs-theme=dark] body.a-auth.brand-bg { background: var(--a-bg) !important; }
[data-bs-theme=dark] body.app-body { background: var(--a-bg); }
[data-bs-theme=dark] .app-body .card, [data-bs-theme=dark] .a-auth .card, [data-bs-theme=dark] .app-body .modal-content,
[data-bs-theme=dark] .app-body .dropdown-menu, [data-bs-theme=dark] .app-body .offcanvas { background-color: var(--a-surface) !important; color: var(--a-text-2); }
[data-bs-theme=dark] .app-body .bg-light, [data-bs-theme=dark] .app-body .bg-white { background-color: var(--a-surface-2) !important; }

/* links no login seguem a cor de link da conta */
.a-auth a { color: var(--a-lnk); }