/* Theme v3 — Emerald & Amber on warm charcoal (distinct from prior blue/indigo) */

:root {
  --green: #10b981;
  --green2: #34d399;
  --dark: #0a0908;
  --dark2: #171412;
  --card: rgba(23, 20, 18, 0.88);
  --card2: rgba(41, 37, 36, 0.94);
  --border: rgba(16, 185, 129, 0.22);
  --text: #e7e5e4;
  --white: #fafaf9;
  --muted: #a8a29e;
  --gold: #fbbf24;
  --red: #f87171;
  --accent-blue: #2dd4bf;
  --accent-purple: #f59e0b;
  --shadow-glow: 0 0 56px rgba(16, 185, 129, 0.28);
  --btn-text: #022c22;
  --radius: 14px;
  --radius-lg: 22px;
}

body {
  background-image:
    radial-gradient(ellipse 90% 55% at 50% -15%, rgba(16, 185, 129, 0.14), transparent),
    radial-gradient(ellipse 50% 40% at 100% 20%, rgba(245, 158, 11, 0.08), transparent),
    radial-gradient(ellipse 45% 35% at 0% 90%, rgba(45, 212, 191, 0.06), transparent) !important;
}

.site-header {
  background: rgba(10, 9, 8, 0.96) !important;
  border-bottom: 1px solid var(--border);
}

#top-bar {
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.08), rgba(245, 158, 11, 0.05)) !important;
}

.site-nav {
  background: rgba(10, 9, 8, 0.9) !important;
}

.logo span {
  background: linear-gradient(120deg, #34d399 0%, #10b981 45%, #fbbf24 100%) !important;
  -webkit-background-clip: text;
  background-clip: text;
}

.btn-buy-nav,
.btn-primary {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
  color: var(--btn-text) !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 24px rgba(16, 185, 129, 0.45) !important;
}

.btn-buy-nav:hover,
.btn-primary:hover {
  background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
  box-shadow: 0 8px 32px rgba(52, 211, 153, 0.5) !important;
}

.btn-secondary {
  color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.55) !important;
  border-radius: 10px !important;
}

.btn-secondary:hover {
  background: rgba(245, 158, 11, 0.1) !important;
}

.hero-badge {
  background: rgba(16, 185, 129, 0.15) !important;
  border-color: rgba(52, 211, 153, 0.4) !important;
  color: #6ee7b7 !important;
}

.hero h1 span {
  color: #34d399 !important;
  background: none !important;
  -webkit-text-fill-color: #34d399 !important;
}

.site-tagline {
  color: #fcd34d !important;
  border-left-color: #f59e0b !important;
}

.hero-bg {
  background:
    radial-gradient(ellipse at 65% 25%, rgba(16, 185, 129, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse at 15% 75%, rgba(245, 158, 11, 0.07) 0%, transparent 50%) !important;
}

.hero-grid {
  background-image:
    linear-gradient(rgba(16, 185, 129, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 185, 129, 0.05) 1px, transparent 1px) !important;
}

.hero-card,
.card,
.price-card,
.seo-toc,
.key-facts-panel {
  border-color: var(--border) !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.35) !important;
}

.key-facts-panel {
  background: linear-gradient(155deg, rgba(16, 185, 129, 0.12) 0%, rgba(245, 158, 11, 0.05) 100%) !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}

.stat-num,
.tx-amount,
.section-tag {
  color: #34d399 !important;
}

.purchase-toast {
  border-color: rgba(16, 185, 129, 0.45) !important;
}

.purchase-toast-icon {
  background: rgba(16, 185, 129, 0.2) !important;
  color: #6ee7b7 !important;
}

.purchase-detail em {
  color: #34d399 !important;
}

.lang-item:hover,
.lang-item.selected {
  background: rgba(16, 185, 129, 0.12) !important;
}

.mobile-menu-cta {
  background: rgba(16, 185, 129, 0.1) !important;
  border-color: rgba(16, 185, 129, 0.4) !important;
  color: #6ee7b7 !important;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #10b981, #059669) !important;
}

.whatsapp-float {
  box-shadow: 0 6px 28px rgba(16, 185, 129, 0.35) !important;
}

.llm-answer-box {
  border-left-color: #10b981 !important;
  background: rgba(16, 185, 129, 0.08) !important;
}

.eeat-badge {
  background: linear-gradient(135deg, #10b981, #f59e0b) !important;
}

.keyword-pill {
  border-color: rgba(16, 185, 129, 0.35) !important;
  background: rgba(16, 185, 129, 0.08) !important;
}
