/* ===========================================================
   Sitewide greenish UX - load LAST on every page
   Forces green as primary accent across desk + war room + docs
   =========================================================== */

:root {
  --green: #2f9e4a;
  --green-lit: #3ecf6a;
  --green-deep: #1f6b38;
  --green-dim: rgba(62, 207, 106, 0.14);
  --green-glow: rgba(62, 207, 106, 0.28);
  --cream: #e6ebe4;
  --stage: #101612;
  --stage-2: #0a0e0c;
}

/* Page shell */
html, body.qt-body, body {
  background: var(--stage-2) !important;
}

.qt-main {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(47, 158, 74, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 40% 30% at 90% 20%, rgba(62, 207, 106, 0.05), transparent 50%),
    var(--stage-2) !important;
}

.qt-sidebar {
  background: #e6ebe4 !important;
  border-right-color: rgba(18, 24, 20, 0.12) !important;
}

.qt-brand-mark {
  background: var(--green) !important;
  box-shadow: 0 0 12px var(--green-glow) !important;
}

.qt-nav-item.is-on,
.qt-nav a.qt-nav-item.is-on {
  background: #1a2a1e !important;
  color: #e8ffe8 !important;
  box-shadow: inset 3px 0 0 var(--green-lit) !important;
}

.qt-nav-item:hover {
  background: rgba(47, 158, 74, 0.08) !important;
}

#walletConnectBtn,
.qt-connect,
.qt-connect.btn {
  background: var(--green) !important;
  border-color: var(--green) !important;
  color: #fff !important;
  box-shadow: 0 0 16px var(--green-dim) !important;
}
#walletConnectBtn:hover,
.qt-connect:hover {
  background: var(--green-deep) !important;
  filter: none !important;
}

.qt-live {
  border-color: var(--green-lit) !important;
  color: var(--green-lit) !important;
  background: var(--green-dim) !important;
}
.qt-live::before {
  background: var(--green-lit) !important;
  box-shadow: 0 0 8px var(--green-glow) !important;
}

.qt-top {
  background: #0a0e0c !important;
  border-bottom-color: rgba(62, 207, 106, 0.12) !important;
}

.qt-sub {
  border-bottom-color: rgba(62, 207, 106, 0.1) !important;
  color: rgba(200, 220, 205, 0.65) !important;
}
.qt-sub b {
  color: var(--green-lit) !important;
}

/* Cards / titles */
.qp-card {
  background: linear-gradient(180deg, #eef3eb 0%, var(--cream) 48%) !important;
  border-color: #1a241c !important;
}

.qp-card-title {
  color: var(--green) !important;
}
.qp-card-title .sq {
  background: var(--green) !important;
}

.qp-h {
  border-bottom-color: var(--green) !important;
}

.qp-tile b.lit,
.qp-banner h2 .g,
.qp-score b,
.mint-price {
  color: var(--green) !important;
}

.qp-step-n {
  color: var(--green-deep) !important;
}

.qp-starburst {
  background: var(--green) !important;
  color: #0a100c !important;
}

/* Buttons sitewide */
.btn-black,
.btn.btn-black,
.qp-card .btn-black,
.wars-actions .btn-black {
  background: var(--green) !important;
  color: #fff !important;
  border-color: var(--green) !important;
}
.btn-black:hover,
.btn.btn-black:hover {
  background: var(--green-deep) !important;
}

.btn-outline,
.btn.btn-outline,
.qp-card .btn-outline {
  border: 1px solid rgba(47, 158, 74, 0.35) !important;
  color: var(--green-deep) !important;
  background: transparent !important;
}
.btn-outline:hover,
.qp-card .btn-outline:hover {
  background: var(--green-dim) !important;
  border-color: var(--green) !important;
  color: var(--green-deep) !important;
}

.btn-green,
.btn.btn-green {
  background: var(--green-lit) !important;
  color: #0a100c !important;
}

/* Catalog / grid */
.qp-grid .hx-cat:hover,
.qp-grid .hx-cat.active,
.qp-grid .hx-cat:hover,
.qp-grid .hx-cat.active {
  border-color: var(--green) !important;
}
.qp-grid .hx-cat.active {
  outline-color: var(--green) !important;
}
.qp-grid .hx-cat-badge,
.hx-cat-badge {
  background: var(--green) !important;
  color: #fff !important;
}

/* Chips */
.open-chip {
  background: var(--green) !important;
  color: #fff !important;
}
.shut-chip {
  border-color: rgba(47, 158, 74, 0.2) !important;
}

/* Banner */
.qp-banner {
  border-color: rgba(47, 158, 74, 0.25) !important;
}
.qp-banner-kicker {
  color: var(--green-deep) !important;
}

/* Docs */
.docs-section h2,
.docs-toc-link:hover,
.docs-toc-link.is-on {
  color: var(--green) !important;
}
.docs-section.card,
.docs-toc {
  border-color: rgba(47, 158, 74, 0.2) !important;
}
.docs-pre {
  border-left: 3px solid var(--green) !important;
}

/* Wars page */
.wars-title em,
.wars-banner strong,
.wars-step b,
.wars-kicker .pulse {
  color: var(--green-lit) !important;
  background-color: transparent;
}
.wars-kicker .pulse {
  background: var(--green-lit) !important;
  box-shadow: 0 0 0 0 rgba(62, 207, 106, 0.45) !important;
}
.wars-banner strong {
  color: var(--green-deep) !important;
}
.wars-card {
  border-color: #1a241c !important;
}
.wars-card.is-shut::after {
  background: #2a3530 !important;
}
.wars-step {
  border-color: rgba(62, 207, 106, 0.2) !important;
  background: rgba(62, 207, 106, 0.04) !important;
}

/* Ticker up / market green */
.tick-up,
.tick-item .tick-up {
  color: var(--green-lit) !important;
}

/* Focus */
:focus-visible {
  outline: 2px solid var(--green-lit) !important;
  outline-offset: 2px;
}

/* Links on dark */
.qt-stage a:not(.btn):not(.qt-nav-item) {
  color: var(--green-lit);
}

/* Page tag */
.page-tag {
  color: rgba(62, 207, 106, 0.65) !important;
}

/* Wallet / legacy cards on green stage */
.card {
  border-color: rgba(62, 207, 106, 0.15) !important;
}
.card-title {
  color: var(--green-lit) !important;
}

/* Reduce leftover pure-orange accents to green */
.qp-score b {
  color: var(--green-deep) !important;
}