@use 'sass:color';

$primary: #ff0059;
$warning: #fbff12;
$danger: #41ead4;
$light: #ffffff;
$success: #00ffb3;

@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(#242933, $lightness: -65%);
}

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

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

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

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

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