@use 'sass:color';

@import 'pre';

@import 'bootstrap';

body {
	background-color: color.scale(#242933, $lightness: -20%);
}

.card,
.pack,
.theme-fg-container {
	background-color: color.scale(#2e3440, $lightness: -20%);
	@extend .shadow;
	.card-body {
		border-radius: 10px;
	}
}

.theme-fg {
	background-color: color.scale(#2e3440, $lightness: -20%);
}

.card * {
	background-color: color.scale(#2e3440, $lightness: -20%);
}

.border {
	border-color: #3b4252 !important;
}

#navbar {
	background-color: color.scale(#2e3440, $lightness: -20%);
}