:root {
	--color-primary: #a1d0d7;
	--color-primary-hover: #b2dce2;
	--color-primary-muted: #4c7176;
	--color-text: #ffffff;
	--color-secondary: #0e0f11;
	--color-secondary-hover: #0e0f11;
	--color-secondary-foreground: #ffffff;
	--color-border: #303030;
	--color-background: #0e0f11;
	--color-foreground: #111111;
}

html,
body {
	background-color: var(--color-background);
	color: var(--color-text);
}

body {
	background-image: none;
}

.main-container {
	background: transparent;
	border: none;
	box-shadow: none;
}

.main-container,
.card,
.card-body,
.alert,
.dropdown-menu,
.form-control,
.form-select,
.input-group-text,
.btn,
.btn-group > .btn,
.btn-group .btn,
.badge,
code,
pre {
	border-radius: 0 !important;
}

.border-bottom,
.border-top,
.card,
.dropdown-menu,
.input-group-text,
.form-control,
.form-select,
.alert,
.btn,
.btn-group > .btn {
	border-color: var(--color-border) !important;
}

.card,
.dropdown-menu,
.input-group-text,
.alert,
pre {
	background-color: var(--color-foreground) !important;
	color: var(--color-text) !important;
}

.card {
	border-width: 1px;
}

.card-title,
h1,
h2,
h3,
h4,
h5,
h6,
label,
.text-muted {
	color: var(--color-primary) !important;
}

a {
	color: var(--color-primary);
	transition: color 180ms ease;
}

a:hover,
a:focus-visible {
	color: var(--color-primary-hover);
}

.form-control,
.form-select,
.input-group-text {
	background-color: #14171c !important;
	color: var(--color-text) !important;
}

.form-control::placeholder {
	color: rgba(255, 255, 255, 0.62);
}

.form-control:focus,
.form-select:focus,
.form-check-input:focus {
	border-color: var(--color-primary) !important;
	box-shadow: 0 0 0 0.2rem rgba(161, 208, 215, 0.24) !important;
}

.form-check-input {
	border-radius: 0 !important;
	background-color: #14171c;
	border-color: var(--color-border);
}

.form-check-input:checked {
	background-color: var(--color-primary-muted);
	border-color: var(--color-primary);
}

.btn {
	position: relative;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	transition:
		box-shadow 220ms ease,
		background-color 220ms ease,
		color 220ms ease,
		border-color 220ms ease;
}

.btn-primary {
	color: #11161a !important;
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
	box-shadow: 0 0 0 0 rgba(161, 208, 215, 0.3);
}

.btn-primary:hover,
.btn-primary:focus-visible,
.btn-primary:active {
	color: #0c1215 !important;
	background-color: var(--color-primary-hover) !important;
	border-color: var(--color-primary-hover) !important;
	box-shadow: 0 8px 24px rgba(161, 208, 215, 0.22) !important;
}

.btn-outline-secondary {
	color: var(--color-primary) !important;
	background-color: transparent !important;
	border-color: var(--color-border) !important;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus-visible,
.btn-outline-secondary:active {
	color: var(--color-text) !important;
	background-color: rgba(161, 208, 215, 0.12) !important;
	border-color: var(--color-primary) !important;
	box-shadow: 0 8px 20px rgba(161, 208, 215, 0.14) !important;
}

.dropdown-item {
	color: var(--color-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
	background-color: rgba(161, 208, 215, 0.12);
	color: var(--color-text);
}

.alert-danger {
	border-color: #8a2f3d !important;
	background-color: #34151b !important;
	color: #ffd8de !important;
}

code,
pre {
	color: #d8edf0;
}

.my-5 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.mt-5 {
    margin-top: 0rem !important;
}

@media (max-width: 991.98px) {
	.main-container {
		border-left: none;
		border-right: none;
	}

	.btn {
		min-height: 40px;
	}
}