/* SiteFooter — site footer chrome (S80 dark single-accent). Reusable site-wide.
 * Dark ground, warm text ramp, real <a href> links. Footer is utilitarian — no
 * lime here; lime is reserved for the descent's alive moments.
 * Canonical: components/primitives/SiteFooter/SiteFooter.css */

.site-footer {
  background: var(--ground);
  color: var(--text-2);
  border-top: 1px solid var(--hairline);
  padding: var(--space-xl) var(--space-gutter) var(--space-lg);
  font-size: var(--fs-mono-label);
}

.site-footer__grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: var(--space-lg);
  max-width: var(--content-max);
  margin: 0 auto var(--space-xl);
}

.site-footer__brand-name {
  font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--text);
  margin: 0 0 var(--space-sm);
}
.site-footer__tagline {
  color: var(--text-2);
  max-width: 38ch;
  line-height: var(--lh-body);
}
.site-footer__tagline em { font-style: italic; }

.site-footer__group-head {
  color: var(--text-3);
  font-weight: 700;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  margin: 0 0 var(--space-sm);
}
.site-footer__links { display: flex; flex-direction: column; gap: var(--space-3xs); }
.site-footer__link {
  color: var(--text-2);
  text-decoration: none;
  padding-block: 6px;
  transition: color var(--dur-fast) var(--ease-out);
}
.site-footer__link:hover,
.site-footer__link:focus-visible { color: var(--text); }
.site-footer__status { color: var(--text-3); }

.site-footer__base {
  display: flex;
  justify-content: space-between;
  gap: var(--space-md);
  max-width: var(--content-max);
  margin: 0 auto;
  padding-top: var(--space-md);
  border-top: 1px solid var(--hairline);
  color: var(--text-3);
  flex-wrap: wrap;
}

@media (max-width: 760px) {
  .site-footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-lg) var(--space-md); }
}
@media (max-width: 460px) {
  .site-footer__grid { grid-template-columns: 1fr; }
}