/* Overrides to add neon-green borders and accents (thicker) */
:root{
  /* Use the same muted/neon variable defined in main CSS for outlines */
  --outline-color: var(--muted);
}

/* Header buy button - stronger inset outline */
.nav a.btn-primary{
  /* inset outline that matches text color */
  box-shadow: 0 0 0 1px var(--outline-color) inset !important;
  border-radius:8px;
}

/* Hero image glow and outline */
.hero-media img{
  border:1px solid var(--outline-color) !important;
  box-shadow:0 8px 26px rgba(168,251,44,0.05) !important;
}

/* Outline style for outline buttons and copy button */
.btn-outline{ border:1px solid var(--outline-color) !important; }
#copyBtn{
  border:1px solid var(--outline-color) !important;
  padding:9px 12px;
  border-radius:8px;
  background:transparent;
}
#copyBtn:hover{ background: rgba(168,251,44,0.05) !important }

/* Contract input outline */
.contract input{ border:1px solid var(--outline-color) !important; }

/* Cards and tokenomics boxes */
.card{ border:1px solid var(--outline-color) !important; }
.box{ border:1px solid var(--outline-color) !important; }

/* Footer separator line stronger */
.site-footer{ border-top:1px solid var(--outline-color) !important; }

/* small hover lift for buttons to add subtle motion */
.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(168,251,44,0.06);
  transition: transform 120ms ease, box-shadow 120ms ease;
}
