/* LimeScope — Futuristic override layer (visible, tasteful) */
/* This file intentionally overrides only common classes used in your index.html.
   Safe to remove without breaking layout. */

:root {
  color-scheme: dark;
  --bg: #050806;
  --panel: #0b120c;
  --panel-2: #0e1610;
  --stroke: #263726;
  --text: #f0ffe8;
  --muted: #a9c99a;
  --accent: #b7ff2c;
  --accent-2: #ffe866;
  --good: #a8ff3f;
  --bad: #ff5b6e;
  --radius: 14px;
}

/* Subtle neon grid + top glow */
body::before {
  content: "";
  position: fixed; inset: -1px;
  pointer-events: none; z-index: 0;
  background:
    radial-gradient(60% 30% at 50% -10%, rgba(183,255,44,.10), transparent 60%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23273b24' stroke-opacity='.35' stroke-width='1'%3E%3Cpath d='M0 80h160M80 0v160'/%3E%3C/g%3E%3C/svg%3E") center/160px 160px repeat;
  mask-image: linear-gradient(to bottom, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
}

/* Header glass polish */
header {
  backdrop-filter: saturate(130%) blur(10px);
  -webkit-backdrop-filter: saturate(130%) blur(10px);
  border-bottom: 1px solid color-mix(in oklab, var(--stroke), transparent 22%);
}

/* Tabs — crisper hover & active ring */
.tabs { scroll-behavior: smooth; }
.tab {
  transition: border-color .18s ease, box-shadow .22s ease, transform .12s ease;
  will-change: transform;
}
.tab:hover { transform: translateY(-1px); }
.tab.active {
  border-color: #3a5b2f;
  box-shadow: 0 0 0 1px #3a5b2f, 0 4px 20px rgba(0,0,0,.25);
}

/* Search pill with soft neon */
.search {
  border-radius: 12px;
  box-shadow: 0 0 0 1px #2b4225, 0 0 24px rgba(183,255,44,.12);
  transition: box-shadow .2s ease;
}
.search:focus {
  box-shadow: 0 0 0 1px #3a5b2f, 0 0 28px rgba(183,255,44,.22);
  outline: none;
}

/* Cards — depth & hover */
.card {
  border-radius: var(--radius);
  border-color: color-mix(in oklab, var(--stroke), transparent 20%);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(0,0,0,.4);
  border-color: #355a2d;
}

/* Buttons */
.btn, .mint-btn, .pillbtn, .icon-btn {
  transition: transform .1s ease, box-shadow .2s ease, border-color .2s ease;
}
.mint-btn:hover, .pillbtn:hover, .icon-btn:hover { transform: translateY(-1px); }

/* KPI boxes */
.kpi .box { backdrop-filter: saturate(115%); border-radius: 10px; }
.kpi .val { font-feature-settings: "tnum" 1, "ss01" 1; }

/* Bond progress glow */
.bond { box-shadow: inset 0 0 0 1px rgba(183,255,44,.18); }
.fill { box-shadow: 0 0 12px rgba(183,255,44,.3) inset; }

/* Neon blob pop */
.logo-blob {
  box-shadow: 0 0 10px #b7ff2c55, inset 0 0 10px #eaff8a33;
}

/* Links to DEX/buy — clearer hover */
.buy-links a:hover { border-color: var(--accent); box-shadow: 0 0 10px rgba(183,255,44,.25); }

/* Toasts polish */
.toast { backdrop-filter: blur(6px) saturate(120%); }

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .tab:hover, .card:hover, .mint-btn:hover, .icon-btn:hover { transform: none; }
  .card, .tab, .search { transition: none; }
}

/* Unified build badge */
.badge-unify{margin-left:6px;padding:2px 6px;font-size:10px;opacity:.9}