:root {
	--bg-light: #fdf8f2;
	--text-dark: #2f2f2f;
	--green-primary: #7a9e7e;
	--green-secondary: #cfe3cc;
	--accent: #c4754a;
}

body.menu-open {
	overflow: hidden;
}

/* Hamburger menu */

.bar {
	width: 24px;
	height: 2px;
	background-color: var(--green-primary);
	margin: 4px 0;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
}

#menu-toggle.open .top {
	transform: rotate(45deg) translateY(6px) translateX(8px);
}

#menu-toggle.open .middle {
	transform: translateX(16px);
	opacity: 0;
}

#menu-toggle.open .bottom {
	transform: rotate(-45deg) translateY(-6px) translateX(8px);
}