/* A restrained, shared interaction language for the existing AURA surfaces. */
.btn {
  transition:
    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
    box-shadow 260ms ease,
    border-color 200ms ease,
    filter 200ms ease;
}

.btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
}

.btn:active {
  transform: translateY(0) scale(0.985);
  filter: brightness(0.98);
}

.btn-gold:hover {
  box-shadow: 0 8px 30px rgba(220, 169, 74, 0.36), 0 2px 12px rgba(0, 0, 0, 0.28);
}

.btn-outline:hover,
.showcase-link:hover {
  box-shadow: 0 7px 22px rgba(218, 164, 71, 0.16);
}

.main-nav a,
.footer-links a {
  transition: color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.main-nav a:hover,
.footer-links a:hover {
  transform: translateY(-1px);
}

.showcase-card,
.milestone,
.feature-card {
  transition:
    transform 220ms cubic-bezier(0.2, 0.8, 0.2, 1),
    border-color 220ms ease,
    box-shadow 260ms ease;
}

.showcase-card:hover,
.feature-card:hover {
  transform: translateY(-3px);
  border-color: rgba(242, 197, 119, 0.78);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.32), 0 0 22px rgba(221, 158, 69, 0.17);
}

.milestone:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, 0.24);
}

@media (prefers-reduced-motion: reduce) {
  .btn,
  .main-nav a,
  .footer-links a,
  .showcase-card,
  .milestone,
  .feature-card {
    transition: none !important;
  }

  .btn:hover,
  .btn:active,
  .main-nav a:hover,
  .footer-links a:hover,
  .showcase-card:hover,
  .feature-card:hover,
  .milestone:hover {
    transform: none;
    filter: none;
  }
}