:root {
	--bs-font-size-base: 12px;

	/* General styles */
	--bs-border-radius: 0;
	--bs-body-font-family: "Open Sans Variable";
	--bs-body-bg: #f7f7f7;
	--bs-body-color: #3c3c3c;
}

[data-bs-theme="dark"] {
	--bs-body-bg: #1e1e1e;
	--bs-body-color: #f0f0f0;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

input.form-control {
	font-size: 12px;
	line-height: 1.5rem;
	padding: 0.2rem 0.5rem;
    background-color: #f0f0f0;
    color: #3c3c3c;
    border-color: #e9e9e9;
}

[data-bs-theme="dark"] input.form-control {
	background-color: #393939;
	border-color: #747474;
	color: #f0f0f0;
}

*:focus {
	outline: none;
}

.label {
	font-family: "AbelPro-Bold", "Open Sans Variable", sans-serif;
	text-transform: uppercase;
}

.btn-primary {
    background-color: #16455f;
    border-color: #16455f;
    color: #f0f0f0;

    &:hover {
        --bs-btn-hover-border-color: black;
		box-shadow: inset 0 0 0 1px #393939;
        background-color: #145d86;
		border-color: #145d86;
		box-shadow: none;
        color: #f0f0f0;
    }

    &:active,
	&.active {
        color: #145d86;
		--bs-btn-active-border-color: #818181;
		--bs-btn-active-bg: #818181;
		box-shadow: none;
	}
}

[data-bs-theme="dark"] .btn-primary {
	background-color: #668ca5;
	border-color: #668ca5;
    color: #3c3c3c;
    color: #f0f0f0;

    &:hover {
		--bs-btn-hover-border-color: white;
		box-shadow: inset 0 0 0 1px #f0f0f0;
		background-color: #95cef2;
		border-color: #95cef2;
		box-shadow: none;
		color: #f0f0f0;
    }

    &:active,
	&.active {
		--bs-btn-active-border-color: #818181;
		--bs-btn-active-bg: #818181;
		box-shadow: none;
	}

}

.btn-primary {
	text-transform: uppercase;
	font-size: 12px;
	margin: 0;
	padding: 0.25rem 0.5rem;
	line-height: 1.25rem;
}

h1 {
	font-family: "AbelPro-Bold", "Open Sans Variable", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 4px;
}

h1 {
	font-size: 2rem;
}

.form-label {
	font-family: "AbelPro-Bold", "Open Sans Variable", sans-serif;
	text-transform: uppercase;
	font-size: 13px;
}

.card {
	--bs-card-border-width: 0;
	width: 100%;
	max-width: 525px;
}

.card-header {
	--bs-card-cap-bg: transparent;
}

.logo {
	max-width: 204px;
	min-height: 60px;
}

a,
.btn-link,
.btn-link:hover,
.btn-link:active {
	color: #1e1e1e;
}

[data-bs-theme="dark"] a,
[data-bs-theme="dark"] .btn-link,
[data-bs-theme="dark"] .btn-link:hover,
[data-bs-theme="dark"] .btn-link:active {
	color: #fefefe;
}

a,
.btn-link,
.btn-link:hover,
.btn-link:active {
	font-size: 12px;
	text-decoration: underline;
}

p {
	font-size: 12px;
}

.alert.alert-danger {
	background-color: #b03a3a;
	border-color: #b03a3a;
	color: #fff;
	font-size: 12px;
	padding: 0.75rem;
}

.small {
	font-size: 10px;
}
