/* Marca Nexludo: fontes, cores e base comuns ao painel e à documentação.
   Mesmos valores do site (D:\empresa\site\css\site.css). Tema escuro automático. */
@font-face { font-family: Outfit; font-weight: 500 700; font-display: swap; src: url(/marca/outfit.woff2) format('woff2'); }
@font-face { font-family: Figtree; font-weight: 400 700; font-display: swap; src: url(/marca/figtree.woff2) format('woff2'); }
@font-face { font-family: Figtree; font-style: italic; font-weight: 400 700; font-display: swap; src: url(/marca/figtree-italico.woff2) format('woff2'); }
:root {
  --bg: #FFFFFF; --surface: #F4F1FA; --raised: #FFFFFF; --ink: #1E1433; --muted: #5E5675;
  --border: #DDD5EC; --brand: #3A1C71; --soft: #E9E2F5; --accent: #2EE6A8; --on-accent: #1E0F3D;
  --code: #F4F1FA; --top: #3A1C71;
  --ok: #11795A; --ok-bg: #E3F8F0; --bad: #B3261E; --bad-bg: #FCEBEA; --warn: #8A5A00; --warn-bg: #FFF4DE; --warn-line: #D98A00;
  --font-title: Outfit, 'Segoe UI', system-ui, sans-serif;
  --font-text: Figtree, 'Segoe UI', system-ui, sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #140A26; --surface: #1E1236; --raised: #28194A; --ink: #F4F1FA; --muted: #B7AECB;
    --border: #3A2C57; --brand: #C7B4F5; --soft: #2E1C52; --code: #1E1236; --top: #1E1236;
    --ok: #2EE6A8; --ok-bg: #12352C; --bad: #FF8A80; --bad-bg: #3A1520; --warn: #F5C46B; --warn-bg: #33280F; --warn-line: #E0A030;
    color-scheme: dark;
  }
}
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.6 var(--font-text); -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4 { font-family: var(--font-title); font-weight: 600; color: var(--ink); line-height: 1.25; }
a { color: var(--brand); }
:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; border-radius: 4px; }
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.logo img { display: block; height: 26px; width: auto; }
.logo span { font: 500 15px/1 var(--font-title); padding-left: 10px; border-left: 1px solid currentColor; opacity: 0.85; }