$btn-transition: color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; // Delete background-color from transition
$enable-shadows: true;
$enable-gradients: true;

$secondary: #fff;


// Bootstrap import, see https://getbootstrap.com/docs/5.3/customize/optimize/

@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "bootstrap/scss/variables-dark";
@import "bootstrap/scss/maps";
@import "bootstrap/scss/mixins";
@import "bootstrap/scss/utilities";

@import "bootstrap/scss/root";
@import "bootstrap/scss/reboot";
@import "bootstrap/scss/type";
//@import "bootstrap/scss/images";
@import "bootstrap/scss/containers";
@import "bootstrap/scss/grid";
@import "bootstrap/scss/tables";
@import "bootstrap/scss/forms";
@import "bootstrap/scss/buttons";
//@import "bootstrap/scss/transitions";
@import "bootstrap/scss/dropdown";
@import "bootstrap/scss/button-group";
@import "bootstrap/scss/nav";
@import "bootstrap/scss/navbar";
@import "bootstrap/scss/card";
//@import "bootstrap/scss/accordion";
//@import "bootstrap/scss/breadcrumb";
@import "bootstrap/scss/pagination";
@import "bootstrap/scss/badge";
@import "bootstrap/scss/alert";
//@import "bootstrap/scss/progress";
@import "bootstrap/scss/list-group";
@import "bootstrap/scss/close";
@import "bootstrap/scss/toasts";
@import "bootstrap/scss/modal";
@import "bootstrap/scss/tooltip";
@import "bootstrap/scss/popover";
@import "bootstrap/scss/carousel";
@import "bootstrap/scss/spinners";
//@import "bootstrap/scss/offcanvas";
//@import "bootstrap/scss/placeholders";

@import "bootstrap/scss/helpers";

@import "bootstrap/scss/utilities/api";


// Customizations

html,body {
	font-size: 14px;
}

// Set button style to bootstrap v3 theme
@each $color, $value in $theme-colors {
	.btn-#{$color} {
		$border: darken($value, 14%);
		--#{$prefix}btn-border-color: #{$border};
		--#{$prefix}btn-hover-border-color: #{darken($border, 12%)};
		--#{$prefix}btn-active-border-color: #{$border};

		--#{$prefix}btn-hover-bg: #{darken($value, 12%)};
		--#{$prefix}btn-active-bg: #{darken($value, 12%)};
		--#{$prefix}btn-disabled-bg: #{darken($value, 12%)};

		--#{$prefix}btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
		--#{$prefix}btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

		@include gradient-y($start-color: $value, $end-color: darken($value, 12%));
		background-repeat: repeat-x;

		&:hover,
		&:focus-visible {
			background-position: 0 -15px;
		}

		.btn-check + &:hover {
			// Bootstrap disables hover styles for checkbox buttons. Here we reset them to the
			// default button hover styles.
			color: var(--#{$prefix}btn-hover-color);
			background-color: var(--#{$prefix}btn-hover-bg);
			border-color: var(--#{$prefix}btn-hover-border-color);
		}

		.btn-check:checked + &,
		:not(.btn-check) + &:active,
		&:first-child:active,
		&.active,
		&.show,
		&:disabled,
  		&.disabled,
  		fieldset:disabled & {
			// Disable gradient-y
			background-image: none;
		}
	}
}

// Reset btn-outline-secondary colour scheme to original, as #fff makes the text invisible
.btn-outline-secondary {
	@include button-outline-variant(#6c757d);
}

.list-group-item.active a {
	color: inherit;
}