/* pool-accent.css — 2026-09-26 PREVIEW: pool product accent (light blue #7fb7ff).
   Loaded ONLY on pool index / status / proof (NOT merge.html — merged styling untouched).
   Accent goes on: active nav, eyebrows, card borders/glow, key buttons.
   Brand stays gold (#d4a017): logo, wordmark, finder chip, gold brand CTAs, chart series. */
:root {
  --pool-accent: #7fb7ff;
  --pool-accent-hover: #a6ceff;
  --pool-accent-rgb: 127, 183, 255;
  /* retire the stray Tailwind blue (#3b82f6) tokens used by theme.css on these pages */
  --blue: #7fb7ff;
  --blue-hover: #a6ceff;
  --blue-dim: #5a9be8;
  --blue-bg: rgba(127, 183, 255, 0.10);
  --blue-glow: rgba(127, 183, 255, 0.10);
  --blue-border: rgba(127, 183, 255, 0.34);
}

/* header hairline (was rgba(59,130,246,.22)) */
.topbar { border-bottom-color: rgba(var(--pool-accent-rgb), 0.18); }

/* active nav item */
.nav-links a[aria-current="page"],
.nav-links a.active {
  color: var(--text);
  background: rgba(var(--pool-accent-rgb), 0.10);
  box-shadow: inset 0 -2px 0 var(--pool-accent);
}
.nav-links a:hover { background: rgba(var(--pool-accent-rgb), 0.08); color: var(--text); }

/* eyebrows */
.eyebrow { color: var(--pool-accent); }

/* card borders / glow */
.metric-card:hover { border-color: rgba(var(--pool-accent-rgb), 0.34); }
.metric-card--hero {
  background:
    linear-gradient(165deg, rgba(var(--pool-accent-rgb), 0.12) 0%, transparent 42%),
    var(--surface);
  border-color: rgba(var(--pool-accent-rgb), 0.34);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(var(--pool-accent-rgb), 0.06), 0 0 28px rgba(var(--pool-accent-rgb), 0.08);
}
.metric-card--hero::before,
.connect-card::before { background: linear-gradient(90deg, transparent, var(--pool-accent), transparent); }
.connect-card {
  background:
    linear-gradient(165deg, rgba(var(--pool-accent-rgb), 0.09) 0%, transparent 42%),
    var(--surface);
  border-color: rgba(var(--pool-accent-rgb), 0.30);
}
.connect-example { border-color: rgba(var(--pool-accent-rgb), 0.28); }
.status-card { border-color: rgba(var(--pool-accent-rgb), 0.22); }
.status-card:hover { border-color: rgba(var(--pool-accent-rgb), 0.38); }
.power-fill { background: linear-gradient(90deg, #5a9be8, var(--pool-accent)); }

/* key buttons */
.seg-btn.is-active { background: var(--pool-accent); color: #0a0809; }
#miner-lookup-btn.btn-primary {
  background: var(--pool-accent);
  border-color: var(--pool-accent);
  color: #0a0809;
}
#miner-lookup-btn.btn-primary:hover { background: var(--pool-accent-hover); border-color: var(--pool-accent-hover); }
.copy-btn.btn-ghost:hover { border-color: rgba(var(--pool-accent-rgb), 0.5); color: var(--pool-accent); }
.lookup-row input:focus { border-color: rgba(var(--pool-accent-rgb), 0.55); box-shadow: 0 0 0 3px rgba(var(--pool-accent-rgb), 0.15); }

/* brand stays gold */
.chip--accent { color: var(--accent); border-color: rgba(212, 160, 23, 0.45); }