:root {
	--bg--main: #faeee7;
	--bg--secondary: #fffffe;
	--text--main: #594a4e;
	--text--header: #33272a;
	--text--button: #33272a;
	--brand--main: #ff8ba7;
	--brand--secondary: #ffc6c7;
	--brand--tertiary: #c3f0ca;
}


body{
	font-family: 'Chivo', sans-serif;
	color: var(--text--main);
	background: var(--bg--main) !important;
}

.dark-section{
	background: var(--bg--main);
}

.light-section{
	background: var(--bg--secondary);
}

h1,h2,h3,h4,h5,h6{
	color: var(--text--header);
	font-family: 'Alfa Slab One', cursive;
}

button{
	background-color: var(--brand--main);
	color: var(--text--button);
}

a{
	color: var(--brand--main) !important;
	text-decoration: none !important;
	position: relative;
}
a:hover{
	color: var(--brand--tertiary) !important;
}
a::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #c3f0ca;
	transform: scaleX(0);
	transition: transform 0.3s ease;
}

a:hover::before {
	transform: scaleX(1);
}