/* ECX look for the mempool explorer (2026-10-27, TEMPORARY with the fork-watch pages).
   NZ nginx links this before </head> on mempool.ecpool.tech. Mempool's colours are CSS variables, so most
   of the work is overriding them with the ecpool.tech palette (bg #0d0d0e, surface #171615, border #2e2a24,
   accent #f7941d, accent-2 #ffb347). html:root beats mempool's :root and its optional theme sheets. */

html:root {
  --bg: #0d0d0e;
  --active-bg: #000000;
  --hover-bg: #1c1a18;
  --nav-bg: #0d0d0e;
  --navbar-bg: #171615;
  --title-fg: #f7941d;
  --primary: #f7941d;
  --secondary: #2a2520;
  --tertiary: #8a5514;
  --info: #ffb347;
  --link-color: #ffb347;
  --link-hover-color: #f7941d;
  --box-bg: #171615;
  --stat-box-bg: #121110;
  --skeleton-bg: #2e2a24;
  --skeleton-bg-light: #4b453c;
  --alert-bg: #2b2412;
  --fade-out-box-bg-start: rgba(23, 22, 21, 0);
  --fade-out-box-bg-end: rgba(23, 22, 21, 1);
  --mainnet-alt: #9a3412;          /* 2nd colour of the mined-block gradient (with --primary) */
  --search-button: #f7941d;
  --search-button-border: #8a5514;
  --search-button-focus: #ffb347;
  --search-button-shadow: #f7941d80;
}

body {
  background:
    radial-gradient(1400px 600px at 50% -250px, rgba(247, 148, 29, 0.10), transparent 70%),
    #0d0d0e !important;
}

/* top bar: dark, thin orange line under it */
.navbar, nav.navbar {
  background: #121110 !important;
  border-bottom: 1px solid #8a5514;
}

/* block cubes: their face colours come from mempool itself (partly from --primary above); only the
   cube sides get warm dark tones */
.bitcoin-block::after {
  background-color: #2a2520 !important;
}
.bitcoin-block::before {
  background-color: #120f0c !important;
}
/* the fee-range line in each block is yellow by default — unreadable on orange */
.bitcoin-block .fee-span {
  color: #fff1d6 !important;
}

/* boxes: rounded, a warm hairline */
.box, .card {
  border: 1px solid #2e2a24 !important;
  border-radius: 10px !important;
}

/* search button + primary buttons in the pool orange, dark text */
.btn-purple, .btn-primary {
  background-color: #f7941d !important;
  border-color: #8a5514 !important;
  color: #1a1000 !important;
}