/* Tema compartilhado (escuro, igual ao Scalar) — Guias + Referência idênticos. */

:root{
  --bg-1:#0f0f0f; --bg-2:#1a1a1a; --bg-3:#272727;
  --c-1:#e7e7e7; --c-2:#a4a4a4; --c-3:#797979;
  --border:#2d2d2d;
  --accent:#00BAEF; --accent-soft:#3ea6ff1f;
  --radius:12px;
  --code-bg:#0d1117; --code-border:#1f2630;
  --font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"DejaVu Sans",sans-serif;
  --mono:ui-monospace,"SF Mono","JetBrains Mono","DejaVu Sans Mono",monospace;
}

/* accent + fonte do Scalar alinhados à marca (Plus Jakarta Sans).
   !important porque o Scalar injeta o CSS dele depois e venceria por ordem. */
.light-mode, .dark-mode, :root{
  --scalar-color-accent:#00BAEF;
  --scalar-font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}

/* ---------- topbar (compartilhada) ---------- */
.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:4px;
  background:var(--bg-1);
  background:color-mix(in srgb,var(--bg-1) 86%,transparent);backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--border);padding:11px 22px;}
.topbar .logo{display:flex;align-items:center;margin-right:22px;}
.topbar .logo img{height:26px;width:auto;display:block;}
.topbar a.nav{color:var(--c-2);font-size:13.5px;font-weight:600;padding:6px 12px;border-radius:8px;text-decoration:none;transition:background .12s,color .12s;}
.topbar a.nav:hover{background:var(--bg-2);color:var(--c-1);}
.topbar a.nav.active{color:var(--accent);background:var(--accent-soft);}
.topbar .spacer{flex:1;}