@use 'sass:color';

$primary: #adb9dc;
$warning: #0c2778;
$danger: #7788ba;
$light: #2b51c4;
$success: #8fa6eb;

@import 'pre';

$theme-colors: map-merge(
	$theme-colors,
	(
		'primary': $primary,
		'warning': $warning,
		'danger': $danger,
		'light': $light,
		'success': $success,
	)
);

@import 'bootstrap';

body {
	background-color: color.scale(#8fa6eb, $lightness: 0%);
}

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

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

.card * {
	background-color: color.scale(#8fa6eb, $lightness: -30%);
}

.border {
	border-color: #8fa6eb !important;
}

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

// .nav-link.active {
//     color: #000000 !important;
// }