/* ABU DEX — neutral black/gray interface. Brand and market semantics retain color. */
:root {
  --bg: #0b0b0b;
  --panel: #141414;
  --field: #202020;
  --line: #303030;
  --text: #f1f1f1;
  --muted: #a3a3a3;
  --surface-raised: #191919;
  --surface-selected: #2b2b2b;
  --ui-action: #e8e8e8;
}
.topbar { background: #101010; }
.ticket { background: var(--surface-raised); }
.field { background: var(--field); border-color: #383838; }
.field .unit { color: #c3c3c3; }
.field:focus-within { border-color: #a3a3a3; }
.trade-sides, .period-switch { background: #101010; }
.primary { background: var(--ui-action); color: #141414; }
.primary:hover { background: #ffffff; filter: none; }
/* Both trade directions remain colored; the inset border identifies selection. */
.trade-sides [data-side="buy"], .primary.buy-action { background: #58ce89; color: #102318; }
.trade-sides [data-side="sell"], .trade-sides [data-side="sell"]:not(.active), .trade-sides .active.sell, .primary.sell-action { background: #ee817b; color: #2b1413; }
.trade-sides button { box-shadow: none; }
.trade-sides button.active { box-shadow: inset 0 0 0 2px #151515, 0 0 0 1px #d0d0d0; }
.primary.buy-action:hover { background: #70d99a; }
.primary.sell-action:hover { background: #f39892; }
.nav button.active:after, .orders-top button.active:after { background: #d4d4d4; }
.intervals .active, .period-switch button.active, .news-filters button.active { background: var(--surface-selected); color: var(--text); border-color: #505050; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline-color: #e0e0e0; }
.percentages button:hover { color: var(--text); border-color: #777777; }
.quiet-link:hover, .transfer-row:hover .transfer-path { color: #ffffff; }
.info-dot { border-color: #666666; }
.count, .empty-icon { background: #262626; }
.book-row:hover { background: #2a2a2a; }
.custody-card { background: #1a1a1a; border-color: #383838; }
.custody-card p { color: #b0b0b0; }
.custody-card .eyebrow { color: #cccccc !important; }
.demo-session-banner, .demo-note { background: #1c1c1c; border-color: #3b3b3b; color: #b9b9b9; }
.demo-session-banner .demo-mode-label { color: #dedede; }
.demo .dot, .statusbar .dot, .news-source-status .dot, .network-footnote .dot { background: #9a9a9a; }
.toast { background: #e8e8e8; color: #161616; }
dialog { background: #1c1c1c; border-color: #454545; }
dialog::backdrop { background: #000000b8; }
.news-title { background: #171717; }
.news-item.featured { background: #191919; }
.news-item:hover { background: #222222; }
.news-source { color: #c7c7c7; }
.source-mark { background: #303030; color: #d5d5d5; }
.source-mark.ethereum, .source-mark.cointelegraph { background: #292929; color: #d5d5d5; }
.news-bottom button, .depth-downloads a, .logo-option-downloads a, td button, #intel-dialog-content a { color: #dddddd; }
.network-chain { border-color: #3b3b3b; color: #b8b8b8; }
.transfer-header select { background: #252525; border-color: #424242; color: #d0d0d0; }
.transfer-path { color: #d5d5d5; }
.transfer-path span { color: #949494; }
.network-footnote { background: #101010; }
.volume-legend i { background: #8b8b8b; }
.volume-legend button { color: #c4c4c4; }
.brand-board, .depth-mono-dark { background: #171717; }
.logo-option-art { background: #101010; }
.brand-new-options .logo-option.recommended, .concept.selected { border-color: #777777; }
.order-status { color: #dddddd; }
.order-status.is-cancelled { color: var(--muted); }