/* ===== FOOTER ===== */

.footer {
  background: var(--color-off-white);
  padding: var(--space-3xl) var(--space-md) var(--space-2xl);
  text-align: center;
}

.footer__decor {
  margin-bottom: var(--space-2xl);
  opacity: 0.4;
}

.footer__ornament {
  width: 150px;
  margin: 0 auto;
}

.footer__names {
  font-family: var(--font-script);
  font-size: var(--text-3xl);
  color: var(--color-rose-gold);
  margin-bottom: var(--space-sm);
}

.footer__date {
  font-family: var(--font-serif);
  font-size: var(--text-base);
  color: var(--color-gray-dark);
  letter-spacing: var(--letter-spacing-wider);
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: var(--space-xl);
}

.footer__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-md) var(--space-xl);
  margin-bottom: var(--space-2xl);
}

.footer__nav a {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  color: var(--color-gray);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  transition: color var(--transition-fast);
}

.footer__nav a:hover {
  color: var(--color-rose-gold);
}

.footer__credit {
  font-size: var(--text-sm);
  color: var(--color-gray);
  margin-bottom: var(--space-sm);
}

.footer__hashtag {
  font-family: var(--font-serif);
  font-size: var(--text-lg);
  color: var(--color-rose-gold);
  font-style: italic;
}