/* ==========================================================================
   footer.css — site footer, footer menu
   ========================================================================== */

@layer components {
	.site-footer {
		background: var(--color-surface);
		border-top: 1px solid var(--color-border);
		padding: var(--space-lg) 0;
		margin-top: var(--space-xl);
	}

	.site-footer__inner {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-md);
		justify-content: space-between;
		align-items: center;
	}

	.footer-menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		gap: var(--space-md);
	}

	.footer-menu a {
		color: var(--color-muted);
	}
}