/* Diagramas Power On — tokens visuais compartilhados (topo, menu, admin, entrada, login) */
:root{
  --bg:#07090e; --panel:#0e1420; --panel-2:#141c2b; --panel-3:#1a2436; --line:#212b3d; --line-2:#2c3850;
  --ink:#eef2f7; --muted:#8e9ab0; --muted-2:#66738a;
  --accent:#ff8a1f; --accent-ink:#1a0d00; --accent-soft:rgba(255,138,31,.12); --accent-line:rgba(255,138,31,.45); --accent-glow:rgba(255,138,31,.35);
  --ok:#22c55e; --ok-soft:rgba(34,197,94,.14); --err:#f87171; --err-soft:rgba(248,113,113,.12);
  --r-sm:10px; --r:14px; --r-lg:18px;
  --shadow:0 1px 2px rgba(0,0,0,.35), 0 8px 24px -16px rgba(0,0,0,.7);
  --grid: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px) 0 0/32px 32px, linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px) 0 0/32px 32px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color-scheme: dark;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:rgba(255,138,31,.35)}