// --- BootstrapVue custom SCSS variables ---

// Documentation is available here: https://bootstrap-vue.org/docs/reference/theming
// You will find the complete list of Bootstrap’s variables in node_modules/bootstrap-vue/src/_variables.scss.
// Copy and paste variables as needed, modify their values, and remove the !default flag.
// If a variable has already been assigned, then it won’t be re-assigned by the default values in Bootstrap and BootstrapVue.
// Also see Bootstrap theming documentation: https://getbootstrap.com/docs/4.5/getting-started/theming/

@import "variables";

// Color system
$primary: $color-nordic-teal;
$secondary: $color_navy_blue;
$success: $color-happy-green;
$info: $color-info-blue;
$warning: $color-warning-yellow;
$danger: $color-error-red;
//$light: #f8f9fa;
//$dark: #343a40;

// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
// You can add more entries to the $spacers map, should you need more variation.
$spacer: 1rem;
$spacers: (
    0: 0,
    1: $spacer / 4,
    2: $spacer / 2,
    3: $spacer,
    4: $spacer * 1.5,
    5: $spacer * 3,
    6: $spacer * 4
);

// Body
//
// Settings for the `<body>` element.
$body-bg: #fff;

// Links
//
// Style anchor elements.
$link-color: $color-clear-blue;
$link-decoration: underline;
$link-hover-color: $color-clear-blue-dark;
// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
//$emphasized-link-hover-darken-percentage: 15% !default;

// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.
$container-max-widths: (
  lg: 820px
);


// Typography
//
// Font, line-height, and color for body text, headings, and more.

$font-size-lg: $font_size_l;
$font-size-sm: $font_size_s;

$line-height-base: 1.4;

$h1-font-size: $font_size_h1;
$h2-font-size: $font_size_h2;
$h3-font-size: $font_size_h3;
$h4-font-size: $font_size_h4;
$h5-font-size: $font_size_h5;
$h6-font-size: $font_size_h6;

$headings-margin-bottom: 1rem;
$headings-font-family: $font_heading;
$headings-color: rgb(80,95,108);