/* Shared Callister monochrome surfaces. Preserve semantic market, warning,
   error, connection, chart and brand-mark colors. */
html.site-neutral {
  color-scheme: dark;
  --bg: #090909; --surface: #121212; --surface-2: #1b1b1b;
  --panel: #131313; --panel2: #1b1b1b; --card: #131313;
  --line: #383838; --line-strong: #686868;
  --border: #383838; --border-strong: #686868;
  --text: #f2f2f2; --muted: #bcbcbc; --dim: #999999;
  --accent: #eaeaea; --accent-dim: rgba(234,234,234,.12);
  --cyan: #e4e4e4; --violet: #bdbdbd;
}
html.site-neutral:not([data-page="index"]) body {
  background: #090909; color: #f2f2f2;
}
html.site-neutral:not([data-page="index"]) :where(header, nav, footer, aside, .top, .topbar, .sidebar, .side, .cmd-sidebar) {
  border-color: #383838; background-image: none; background-color: #0d0d0d;
}
html.site-neutral:not([data-page="index"]) :where(
  .card, .panel, .metric, .fact, .trust-step, .hero-card, .flow,
  .mode-card, .control-card, .connection-card, .policy-preview,
  .fabric-result, .paper-run-indicator, .notice:not(.error):not(.ok):not(.warn),
  .modal, .nav-palette-card, .table-wrap, .trading-workspaces,
  .section-card, .status-card, .info-card, .agent-guide, .agent-order-preview,
  .decision, .contract article, .boundaries article, .orb, .sigil
) {
  background: #141414; border-color: #404040; box-shadow: none;
}
html.site-neutral:not([data-page="index"]) :where(.card, .panel, .hero-card, .trust-step, .decision, .metric, .fact) {
  border-radius: 4px;
}
html.site-neutral:not([data-page="index"]) :where(input, select, textarea) {
  background: #181818; color: #f1f1f1; border-color: #686868;
}
html.site-neutral:not([data-page="index"]) :where(button, .button-link, a.btn, .btn):not(.red):not(.danger):not(.destructive) {
  background-image: none; background-color: #202020; border-color: #808080; color: #f1f1f1;
}
html.site-neutral:not([data-page="index"]) :where(.btn, button).green:not(.red),
html.site-neutral:not([data-page="index"]) :where(.btn, button).primary:not(.red) {
  background: #eaeaea; color: #0c0c0c; border-color: #eaeaea;
}
html.site-neutral :where(button, .btn, .btn-big)[disabled] {
  background: #333 !important; color: #bcbcbc !important; border-color: #555 !important; opacity: 1; filter: none;
}
html.site-neutral:not([data-page="index"]) :where(a, .text-link):not(.up):not(.down):not(.warn):not(.error):not(.danger) {
  color: #e3e3e3;
}
html.site-neutral:not([data-page="index"]) :where(.nav-btn.is-active, .tabs [aria-selected="true"], .market-lanes [aria-pressed="true"]) {
  color: #0c0c0c; background: #eaeaea; border-color: #eaeaea;
}
html.site-neutral:not([data-page="index"]) :where(.table-wrap, table, th, td) { border-color: #383838; }
html.site-neutral:not([data-page="index"]) th { background: #1c1c1c; color: #c9c9c9; }
html.site-neutral:not([data-page="index"]) :where(.eyebrow, .section-title, .crumb, .k-label, .label):not(.up):not(.down):not(.warn) { text-shadow: none; }
html.site-neutral :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #f4f4f4; outline-offset: 3px;
}
/* Dedicated chart canvases and semantic status classes keep their source palette. */
/* Remaining legacy navy fills in scanner, support and cross-chain components. */
html.site-neutral[data-page="app"] :where(.ticker, .tb-agent, .authLogin, .nav-more-summary:hover,
  .nav-more-summary:focus-visible, .nav-more[open] .nav-more-summary,
  .eval-data-check, .eval-await, .challenge-proof, .owner-action-workbench,
  .mission-runner, .launchpad-wizard, .intel-finder, .intel-boundary,
  .evidence-passport, .evidence-graph, .ref-code, .pre-block) {
  background: #141414; border-color: #464646; box-shadow: none;
}
html.site-neutral[data-page="app"] :where(.modal-backdrop, .nav-palette) { background-color: rgba(0,0,0,.82); }
html.site-neutral[data-page="agents-connect"] .note.violet { background: #151716; border-color: #686868; }
html.site-neutral[data-page="arena"] :where(.badge, .explain) { background: #141414; border-color: #494949; }
html.site-neutral[data-page="astra"] :where(.notice:not(.error):not(.ok), .secondary) { background: #181818; border-color: #555555; }
html.site-neutral[data-page="create-agent"] .notice:not(.error):not(.ok) { background: #181818; border-color: #555555; }
html.site-neutral[data-page="hyperliquid"] :where(.badge, .metrics, .metric, .controls, .status, button:not(.danger)) { background-color: #141716; border-color: #545454; }
html.site-neutral[data-page="swap"] :where(.flow-row, .wallet-center, .wallet-controls, .quote-card, .swap-card, .hero-card) { background: #141414; border-color: #484848; }
html.site-neutral[data-page="token"] :where(button, .pill, .card, .panel) { background-color: #141716; border-color: #525252; }
html.site-neutral[data-page="evaluation-review"] :where(button, canvas, .kpi) { background: #141716; border-color: #515151; }
html.site-neutral[data-page="app"] :where(#authLogin, .chip.neut) { background: #1b1b1b; border-color: #606060; }
html.site-neutral[data-page="astra"] .notice.error,
html.site-neutral[data-page="create-agent"] .notice.error { background: #181818; }
html.site-neutral[data-page="hyperliquid"] .wallet-details > div,
html.site-neutral[data-page="swap"] .wallet-details > div { background: #141716; border-color: #4b534c; }
html.site-neutral[data-page="swap"] .btn:not(.primary) { background: #1c1c1c; border-color: #6e6e6e; }
html.site-neutral[data-page="token"] :where(.btn.disabled, button:disabled) { background: #1e1e1e; color: #b3b3b3; border-color: #5b5b5b; }
html.site-neutral[data-page="token"] :is(#addTokenBtn, #swapAittBtn, #switchNetworkBtn) { background: #1e1e1e; color: #b9b9b9; border-color: #5b5b5b; }
html.site-neutral[data-page="token"] :is(#addTokenBtn, #swapAittBtn, #switchNetworkBtn) { background: #1e1e1e !important; color: #b9b9b9 !important; border-color: #5b5b5b !important; }
/* Terminal rail and first-run guidance appear across signed-in views. */
html.site-neutral[data-page="app"] .rail { background: #0e0e0e; border-color: #383838; }
html.site-neutral[data-page="app"] .glass { background: #171717; border-color: #424242; box-shadow: none; backdrop-filter: none; }
html.site-neutral[data-page="app"] .onboarding-layer { background: rgba(0,0,0,.78); }
html.site-neutral[data-page="app"] .onboarding-card { background: #171717; border-color: #777; box-shadow: 0 22px 70px rgba(0,0,0,.58); }
html.site-neutral[data-page="app"] .onboarding-mission span.is-current { color: #f1f1f1; border-color: #aaa; background: #303030; box-shadow: none; }
html.site-neutral[data-page="app"] .onboarding-target { box-shadow: 0 0 0 3px #eee, 0 0 20px rgba(255,255,255,.25) !important; }
html.site-neutral[data-page="arena-live"] section { background: #151515; border-color: #424242; }
html.site-neutral[data-page="arena-live"] :where(button, input, select, textarea) { background: #1c1c1c; border-color: #666; }
html.site-neutral[data-page="arena-live"] :where(a, .eyebrow) { color: #eee; }