/**
 * footer.css
 * Styles for template-parts/layout/footer.php.
 */

.site-footer {
	background: var(--dg-header);
	color: var(--dg-primary-100);
	margin-top: var(--space-8);
}

.site-footer__inner {
	padding-block: var(--space-6);
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
	align-items: center;
	text-align: center;
}

.footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--space-4);
}

.footer-menu a:hover {
	color: var(--dg-surface);
}

.site-footer__text {
	font-size: 0.875rem;
	color: var(--dg-primary-200);
}

.site-footer__text a {
	color: var(--dg-surface);
}