@layer blocks {
  .site-footer {
    padding-block: var(--space-l);
    background: var(--color-primary);
    border-top: var(--border-width-thin) var(--border-style) var(--color-accent-border-subtle);

    --color-link: var(--color-text-ghost);
    --color-link-hover: var(--color-text-faint);
    --link-decoration: none;
  }

  .site-footer [role="list"] {
    --cluster-space: var(--space-m);
  }

  .site-footer li {
    margin-inline-start: 0;
  }
}