/* ═══════════════════════════════════════
   ajs-lab-core-footer.css
   Footer only.
   Requires ajs-lab-core-header.css to be loaded first (for tokens).
═══════════════════════════════════════ */

/* ═══════════════════════════════════════
   FOOTER
═══════════════════════════════════════ */
footer {
  background: var(--navy-deep); color: rgba(243,250,252,.35);
  padding: 2.5rem 2rem 1.5rem;
  border-top: 3px solid;
  border-image: linear-gradient(90deg, var(--blue-glow), var(--cyan), var(--lime)) 1;
}
.footer-inner {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 2rem;
}
@media(max-width: 700px) { .footer-inner { grid-template-columns: 1fr; gap: 1.2rem; } }
.footer-desc { font-size: .76rem; color: rgba(243,250,252,.35); line-height: 1.6; max-width: 300px; }
.footer-heading {
  font-family: var(--mono); font-size: .57rem; letter-spacing: .1em;
  text-transform: uppercase; color: rgba(243,250,252,.25); margin-bottom: .5rem;
}
.footer-links a {
  display: block; font-size: .76rem; color: rgba(243,250,252,.45);
  padding: .15rem 0; transition: color .2s;
}
.footer-links a:hover { color: var(--cyan); }
.footer-copy {
  text-align: center; padding-top: 1.5rem; margin-top: 1.5rem;
  border-top: 1px solid rgba(50,218,214,.06);
  font-family: var(--mono); font-size: .6rem; color: rgba(243,250,252,.2);
}