:root {
	--primary-color: #004f8c;
	--secondary-color: #006dae;
	--text-primary: #5b5858;
	--text-secondary: #fff;
	--bg-primary: #fff;
	--bg-secondary-1: #f6f9fc;
	--bg-secondary-2: #eaf3fc;
	--highlight-1: #ed3237;
	--highlight-2: #fb5d39;
	--dark-05: #e0e0e0;
	--dark-10: #d4cfcf;
	--dark-20: #9e9e9e;
}

*,
*::after,
*::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 1rem;
}

img,
svg,
picture {
	max-width: 100%;
	display: inline-block;
	height: auto;
}

svg {
	fill: currentColor;
}

input {
	color: var(--text-primary, #5b5858);
	padding: 0.25rem;
	border: 1px solid var(--dark-10, #d4cfcf);
	border-radius: 4px;
	height: 1.875rem;
	font-size: 0.875rem;
	line-height: 1.2rem;
	letter-spacing: 0.03125rem;
}

textarea {
	color: var(--text-primary, #5b5858);
	padding: 0.25rem;
	border: 1px solid var(--dark-10, #d4cfcf);
	border-radius: 4px;
	font-size: 0.875rem;
	line-height: 1.2rem;
	letter-spacing: 0.03125rem;
}

select {
	background-color: var(--bg-primary, #fff);
	border-radius: 4px;
	height: 1.875rem;
	font-size: 0.875rem;
	line-height: 1.2rem;
	letter-spacing: 0.03125rem;
}

	select option {
		background-color: var(--bg-primary, #fff);
	}

input:focus {
	outline: none;
}

input::placeholder {
	font-size: 0.875rem;
	color: var(--dark-20, #9e9e9e);
	padding-left: 0.25rem;
}

button {
	border: none;
}

h1,
h2,
h3 {
	margin: 0;
}

ol,
ul {
	list-style: none;
	margin-bottom: 0;
}

label {
	margin-bottom: 0;
}
