.site-footer {
    margin-top: var(--space-lg);
    padding: var(--space-md);
    text-align: center;
    background-color: var(--color-surface-dark);
    color: var(--color-footer-text);
  }
  
  .site-footer a {
    color: var(--color-footer-text);
    text-decoration: none;
  }
  
  .site-footer a:hover {
    text-decoration: underline;
  }