/* EMP MCP over the old site's shell (templates/base.html, {% if empire %}): the pages that keep it (sign-in, linking a
   Studio, the legal pages, the connect approval) get the black stage and a bare header. Loaded after app.css. */
:root, :root[data-theme="dark"] {
  --bg: #050506; --bg-dots: transparent; --glow: transparent;
  --surface: #0c0d10; --surface-2: #14161b; --surface-3: #1b1e25;
  --ink: #f5f6f8; --ink-2: #c5c9d4; --ink-3: #8b90a0;
  --line: #1c1f26; --line-2: #2a2e38; --drop: transparent;
  --shadow-2: none; --shadow-3: none;
}
body { background: #050506; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, Arial, sans-serif; letter-spacing: -.011em; }
h1, h2, h3, h4, .btn, button { font-family: inherit; }
.site-header { background: rgba(5, 5, 6, .8); backdrop-filter: saturate(160%) blur(18px); border-bottom: 1px solid var(--line); box-shadow: none; }
.site-header .nav, .site-header .theme-toggle, .site-header .menu-toggle, .announce, .footer-grid { display: none !important; }
.emp-mark { font-weight: 800; letter-spacing: .02em; font-size: 16px; gap: 6px; color: var(--ink); text-decoration: none; }
.emp-mark b { font: 700 11px ui-monospace, "SF Mono", Menlo, Consolas, monospace; letter-spacing: .08em; color: #041a33; background: #20b0f8; border-radius: 5px; padding: 3px 5px 2px; }
.site-footer { background: transparent; border-top: 1px solid var(--line); }
.card { box-shadow: none; border: 1px solid var(--line); border-radius: 18px; }
.btn { box-shadow: none !important; border-radius: 12px; }
.btn:active { transform: scale(.98); }

/* nothing from the old site's header but the mark and one way to the account */
.site-header .hdr-cta, .site-header #account-slot { display: none !important; }
.emp-account { background: #14161b; color: #f5f6f8; border: 0; }