/* =====================================================
   FOOTER TOKENS
===================================================== */
:root {
  --footer-pad-y: 32px;
  --footer-border: 1px solid var(--color-border);
  --footer-text-size: 0.95rem;
  --footer-text-opacity: 0.75;
}

/* =====================================================
   FOOTER WRAPPER
===================================================== */
#sk-footer {
  border-top: var(--footer-border);
  padding-block: var(--footer-pad-y);
  margin-top: 64px;
}

/* =====================================================
   FOOTER CONTAINER ALIGNMENT
===================================================== */
#sk-footer  {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

/* =====================================================
   FOOTER TEXT
===================================================== */
#sk-footer .sk-footer-text {
  margin: 0;
  font-size: var(--footer-text-size);
  font-family: var(--font-ui);
  color: var(--color-primary);
  opacity: var(--footer-text-opacity);
}

/* =====================================================
   MOBILE CENTERING
===================================================== */
@media (max-width: 600px) {
  #sk-footer .sk-footer-text {
    text-align: center;
  }
}