:root {
	--color-primary: #1C1F32;
	--color-secondary: #FDFEBA;

	--color-neutral-dark: #212121;
	--color-neutral-light: #6b6b6b;
}

* {
	box-sizing: border-box;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
	margin: 0;
	box-sizing: border-box;

	background-color: var(--color-primary);
}

.button-primary,
.button-secondary,
input[type="text"] {
	padding: 16px;

	border: none;
	border-radius: 16px;
	outline: none;

	color: var(--color-neutral-dark);
	background-color: var(--color-secondary);

	font-weight: 700;

	cursor: pointer;
}

.button-secondary,
input[type="text"] {
	border: solid 2px var(--color-secondary);
	color: var(--color-secondary);
	background-color: var(--color-primary);
}