/* =========================================================
   11-footer.css — SITE FOOTER COMPONENT
   Depends on: 01-tokens.css
   ========================================================= */

.site-footer {
  text-align: center;
  padding-top: var(--sp-8); margin-top: var(--sp-8);
  border-top: 1px solid rgba(200,137,10,.12);
  width: 100%; max-width: 820px;
}
.site-footer__brand {
  font-family: var(--font-serif);
  font-size: 1.1rem; font-weight: 700;
  color: var(--clr-gold-400);
  margin-bottom: var(--sp-3); letter-spacing: .04em;
}
.site-footer__copy {
  font-family: var(--font-body);
  font-size: var(--fs-sm); color: var(--clr-muted); line-height: 1.9;
}
.site-footer__copy a { color: var(--clr-gold-400); text-decoration: none; transition: color var(--dur-fast) ease; }
.site-footer__copy a:hover { color: var(--clr-gold-200); }

.site-footer__social {
  display: flex; justify-content: center;
  gap: var(--sp-6); margin-top: var(--sp-4); flex-wrap: wrap;
}
.site-footer__social-link {
  font-family: var(--font-serif);
  font-size: var(--fs-xs); letter-spacing: .22em;
  color: var(--clr-dim); text-decoration: none;
  text-transform: uppercase;
  transition: color var(--dur-fast) ease;
}
.site-footer__social-link:hover { color: var(--clr-gold-400); }