.site-footer {
  padding-block: var(--space-5) var(--space-3);
  background: var(--color-primary-dark);
  color: var(--color-surface);
}

.site-footer__main {
  display: grid;
  grid-template-columns: minmax(14rem, 1.4fr) repeat(2, minmax(10rem, 1fr));
  gap: var(--space-4);
}

.site-footer .logo { color: white; }
.site-footer .logo__image { width: 3.75rem; height: 4.5rem; }
.site-footer__text { max-width: 28rem; margin-top: var(--space-2); font-size: 0.9375rem; }
.site-footer__title { margin-bottom: var(--space-2); color: white; font-size: 1rem; }
.site-footer__links { display: grid; gap: 0.625rem; list-style: none; font-size: 0.9375rem; }
.site-footer__links a:hover { color: white; }
.site-footer__status { color: white; font-weight: 600; }
.site-footer__bottom { margin-top: var(--space-4); padding-top: var(--space-2); border-top: 1px solid rgb(var(--color-surface-rgb) / 24%); font-size: var(--font-size-small); }