:root{
  /* Global dark green theme variables */
  --bg:#0b0f14;
  --surface:#0f141a;
  --surface-2:#121922;
  --border: #1a2330;
  --text:#e6edf7;
  --muted:#9fb0c3;
  --primary:#22c55e;         /* Emerald 500 */
  --primary-600:#16a34a;     /* Emerald 600 */
  --primary-700:#15803d;     /* Emerald 700 */
  --warning:#f59e0b;
  --danger:#ef4444;
  --radius:12px;
}

/* Apply to base */
html, body{
  background: var(--bg) !important;
  color: var(--text) !important;
}

/* Header */
.premium-header{
  background: var(--surface) !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Sidebar */
.sidebar{ background: var(--surface) !important; border-right: 1px solid var(--border) !important; }
.sidebar .logo{ border-bottom: 1px solid var(--border) !important; }
.main-nav .nav-item{ color: var(--text) !important; opacity: .85; }
.main-nav .nav-item:hover{ background: #121922 !important; border-color: #1a2330 !important; opacity: 1; }
.main-nav .nav-item.active{ background: rgba(34,197,94,0.14) !important; color: var(--text) !important; }
.main-nav .nav-item i{ color: var(--primary) !important; }

/* Cards / panels */
.panel, .vip-auth-modal, .modal-card{ background: var(--surface) !important; border:1px solid var(--border) !important; border-radius: var(--radius) !important; }

/* Buttons */
.btn-primary, .vip-auth-btn, .btn-claim{ background: var(--primary) !important; color: #08130b !important; border-color: rgba(0,0,0,0.2) !important; }
.btn-primary:hover, .vip-auth-btn:hover, .btn-claim:hover{ background: var(--primary-600) !important; }
.btn-secondary{ background: rgba(255,255,255,0.06) !important; color: var(--text) !important; border-color: var(--border) !important; }

/* Inputs */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], select, textarea{
  background: rgba(255,255,255,0.04) !important; border:1px solid var(--border) !important; color: var(--text) !important; border-radius:10px !important;
}

/* Chips */
.echelon-chip{ border-color: var(--border) !important; background: #0b0f14 !important; color: var(--muted) !important; }
.echelon-chip.active{ background: #0f141a !important; color: var(--text) !important; border-color:#223041 !important; }

/* Echelon theme bindings */
.echelon-chart, .echelon-card, .stat-card{ background: var(--surface) !important; border:1px solid var(--border) !important; }
.echelon-title .dot{ background: var(--primary) !important; box-shadow: 0 0 8px rgba(34,197,94,.6) !important; }

/* Sidebar quick stats */
.sb-stat{ background:#0b0f14 !important; border-color: var(--border) !important; }
.sb-stat-delta.up{ color: var(--primary) !important; }
.sb-stat-delta.down{ color: var(--danger) !important; }

/* Links */
a{ color: #86efac; }
a:hover{ color: #bbf7d0; }