@font-face {
	font-family: 'Basteleur';
	src: url('./fonts/otf/Basteleur-Moonlight.otf') format('opentype'),
	   url('./fonts/webfonts/Basteleur-Moonlight.woff2') format('woff2'), /* Modern browsers */
	   url('./fonts/webfonts/Basteleur-Moonlight.woff') format('woff'),   /* Older modern browsers */
	   url('./fonts/ttf/Basteleur-Moonlight.ttf') format('truetype'); /* Safari, Android */
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: #fefaef;
	font-family: "Alegreya", serif;
	font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Basteleur", "Georgia", serif;
	color: #1833a5;
}

#app {
	min-height: 100%;
}

:root {
	--bs-primary: #fe8f36;
	--bs-darker-primary: #ee6a00;
	--bs-secondary: #f5f86d;
	--bs-darker-secondary: #1833a5;
}

.btn-primary {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
	color: #fff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: var(--bs-darker-primary) !important;
	border-color: var(--bs-darker-primary) !important;
	color: #fff !important;
}

.text-primary {
	color: var(--bs-primary) !important;
}

.btn-secondary {
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
	color: #000;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	background-color: var(--bs-darker-secondary) !important;
	border-color: var(--bs-darker-secondary) !important;
	color: #fff !important;
}

.text-secondary {
	color: var(--bs-secondary) !important;
}

.form-control {
    background-color: #fefaefaa !important;
	border-color: #1833a5 !important;
	color: #1833a5 !important;
}

.form-floating label {
	color: #1833a5 !important;
}