/* Chris 2026-10-14 — dark forest capsule fills, real gold (not yellow). Never gold page fills. */
:root {
  --emerald-bg: #021408;
  --emerald-bg-soft: #031a0f;
  --emerald-card: #042818;
  --capsule-green: #010805;
  --capsule-green-deep: #021008;
  --gold-real: #c5a028;
  --gold-light: #d4af37;
  --gold-mid: #a8894a;
  --gold-pale: #d4af37;
  --bg: var(--emerald-bg) !important;
  --bg-soft: var(--emerald-bg-soft) !important;
  --bg-card: var(--emerald-card) !important;
  --bg-dark: #010805 !important;
  --bg-1: var(--emerald-bg) !important;
  --bg-2: var(--emerald-bg-soft) !important;
  --bg-3: var(--emerald-card) !important;
  --accent: var(--gold-real) !important;
  --accent-deep: var(--gold-light) !important;
  --brand: var(--gold-real) !important;
  --ink: #f5f0e8 !important;
  --ink-soft: rgba(245, 240, 232, 0.82) !important;
  --line: rgba(168, 137, 74, 0.22) !important;
}
body {
  background: var(--emerald-bg) !important;
  background-image: linear-gradient(165deg, #010805 0%, var(--emerald-bg) 42%, var(--emerald-bg-soft) 100%) !important;
  color: #f5f0e8 !important;
}
body::before {
  background:
    radial-gradient(ellipse 900px 500px at 15% 8%, rgba(3, 40, 24, 0.35) 0, transparent 55%),
    radial-gradient(ellipse 700px 450px at 85% 15%, rgba(168, 137, 74, 0.08) 0, transparent 50%),
    radial-gradient(ellipse 120% 80% at 50% 100%, rgba(0, 0, 0, 0.55) 0, transparent 65%) !important;
}
h1, h2, h3, h4, .brand, .brand span {
  color: var(--gold-light) !important;
  -webkit-text-fill-color: unset !important;
  background: none !important;
  background-clip: unset !important;
}
p, li, td, .comp-row .body {
  color: rgba(245, 240, 232, 0.82) !important;
}
a {
  color: var(--gold-light) !important;
}
.card,
.brain-card,
.price-card,
.vs-grid,
.compare-wrap,
.pool,
.vs-side.left .vs-pill,
.brain-card .pill,
.brain-card.thinker .pill,
.brain-card.doer .pill {
  background: rgba(2, 16, 10, 0.92) !important;
  color: #f5f0e8 !important;
  border: 1px solid rgba(168, 137, 74, 0.38) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.45) !important;
}
.hero .eyebrow,
.section-head .eyebrow,
.tier-divider .eyebrow,
section.dark .section-head .eyebrow,
section.darkpanel .section-head .eyebrow {
  background: linear-gradient(165deg, var(--capsule-green) 0%, var(--capsule-green-deep) 55%, #031812 100%) !important;
  color: var(--gold-real) !important;
  -webkit-text-fill-color: var(--gold-real) !important;
  border: 1px solid rgba(168, 137, 74, 0.55) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(197, 160, 40, 0.1) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
}
.vs-side.left .vs-pill,
.brain-card .pill,
.brain-card.thinker .pill,
.brain-card.doer .pill {
  color: var(--gold-light) !important;
}
.btn-primary,
.cta-final .btn-primary,
.nav-links a.btn-primary,
nav.combined-nav .nav-cta.btn-primary {
  background: linear-gradient(165deg, #010a06 0%, #032015 58%, #043024 100%) !important;
  color: var(--gold-light) !important;
  border: 1px solid var(--gold-mid) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45) !important;
  text-shadow: none !important;
}
.btn-ghost {
  background: rgba(1, 8, 5, 0.65) !important;
  border-color: rgba(168, 137, 74, 0.4) !important;
  color: var(--gold-light) !important;
}
nav,
nav.combined-nav,
footer {
  background: rgba(1, 10, 6, 0.96) !important;
  border-color: rgba(168, 137, 74, 0.2) !important;
}
nav.combined-nav .brand span {
  color: var(--gold-real) !important;
  -webkit-text-fill-color: var(--gold-real) !important;
}
section.alt {
  background: var(--emerald-bg-soft) !important;
}
section.dark,
section.darkpanel {
  background: linear-gradient(180deg, #010805 0%, var(--emerald-bg) 100%) !important;
  border-color: rgba(168, 137, 74, 0.14) !important;
}
table.cmp thead th,
table.compare thead th {
  background: rgba(3, 32, 20, 0.85) !important;
  color: var(--gold-light) !important;
}
.hero h1 .vs,
table.cmp td.good b,
table.compare td.good b,
.comp-row .check,
.bw-row .v {
  color: var(--gold-real) !important;
}
.bw-fill.green {
  background: linear-gradient(90deg, #032015, #043828 55%, var(--gold-mid) 100%) !important;
}