/// Bootstrap variables
//
// These are bootstrap variables that you can customize. There are more variables
// that you can add to this file to customize. To see what variables you can add,
// look at file: 'htdocs/theme/raw/sass/lib/bootstrap5/_variables.scss'

// Do not add non bootstrap variables here, put them in custom-variables.scss instead

//
// Variables
// --------------------------------------------------

$component-active-color:            $white;
$component-active-bg:               scale-color($theme-secondary-color, $lightness: -35%);

$link-color:                        scale-color($theme-secondary-color, $lightness: -45%);
$link-hover-color:                  scale-color($theme-secondary-color, $lightness: -40%);

$font-family-serif:                 'Alegreya', 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
$font-family-sans-serif:            'Alegreya Sans', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-base:                  $font-family-sans-serif;

$headings-font-family:              $font-family-serif;
$headings-font-weight:              700;
$headings-color:                    $theme-primary-color;

$nav-tabs-link-hover-border-color:  $theme-secondary-color;
$nav-tabs-link-active-border-color: $theme-secondary-color;

$card-border-radius:                0;
$card-inner-border-radius:          0;

$progress-bar-bg:                   scale-color($theme-secondary-color, $lightness: -35%);
