$ns: 'bsi-';

// Spacing
$bsi-spacer: 0.8rem;

// Grid columns
$bsi-gutter-width: 3.2rem;

// Paragraphs
$bsi-paragraph_margin-bottom: 0;

// Font
$bsi-font_family: "Mrs Eaves XL Serif OT", serif;
$bsi-font_family_italic: "Cormorant Infant Italic", serif;
$bsi-font_family_sans: "Roboto Condensed", sans serif;
$bsi-font_size-root: 62.5%;
$bsi-font_size-base: 2rem;
$bsi-font_size-base-fluid: 21px;
$bsi-font_weight-base: 300;
$bsi-line-height: 1.4;

// Text color
$bsi-text_color-headline: $bsi-color_gray-700; // headlines
$bsi-text_color-default: $bsi-color_gray-700; // main text, paragraph

/*
** Bootstrap overrides
*/

// Colors
$primary: $bsi-color_gray-700;
$secondary: $bsi-color_gray-500;
$success: $primary;
$navbar-light-color: #ffffff;
$navbar-light-active-color: #ffffff;
$navbar-light-hover-color: #ffffff;
$btn-close-color: #ffffff;
$btn-close-opacity: 1;

$theme-colors: (
        "primary":    $primary,
        "secondary":  $secondary,
        "success":    $success,
        "company": $bsi-color_blue
);


// Body
$body-color: $bsi-text_color-default;

// Spacing
$spacer: $bsi-spacer;
$spacers: (
        0: 0,
        1: $spacer, // 8px
        2: $spacer * 2, // 16px
        3: $spacer * 3.5, // 28px
        4: $spacer * 4, // 32px
        5: $spacer * 6, // 48px
        6: $spacer * 8, // 64px
        7: $spacer * 12, // 96px
        8: $spacer * 16, // 128px
        9: $spacer * 18, // 144px
        95: $spacer * 26.25, // 210px
        11: $spacer * 35 // 280px
);

// Grid breakpoints
$grid-breakpoints: (
        xs: 0,
        sm: 640px,
        md: 768px,
        lg: 992px,
        xl: 1280px,
        xxl: 1400px,
        xxxl: 1536px
);

// Grid containers
$container-max-widths: (
        sm: 600px,
        md: 720px,
        lg: 960px,
        xl: 1200px,
        xxl: 1320px,
        xxxl: 1640px
);

// Grid columns
$grid-gutter-width: $bsi-gutter-width;

// Typography
$h1-font-size: 5.6rem;
$h2-font-size: 4.4rem;
$h3-font-size: 3.4rem;
$headings-font-weight: $bsi-font_weight-base;
$headings-margin-bottom: 3.2rem;

$font-family-base: $bsi-font_family;
$font-weight-base: $bsi-font_weight-base;
$headings-font-family: $bsi-font_family_sans;
$font-family-sans-serif: $bsi-font_family_sans;

$font-size-root: $bsi-font_size-root;
$font-size-base: $bsi-font_size-base;

$line-height-base: $bsi-line-height;

// Buttons
$border-radius: 0;

// Navbar
$navbar-toggler-padding-y:          0;
$navbar-toggler-padding-x:          0;
$navbar-toggler-font-size:          1.5rem;
$navbar-toggler-border-radius:      0;
$navbar-toggler-focus-width:        0;
$navbar-toggler-transition:         none;
$navbar-toggler-font-size:          3.5rem;
$navbar-light-icon-color:           $body-color !default;
$navbar-light-toggler-border-radius: 0;
$offcanvas-padding-x:               16px;
$navbar-brand-font-size:            1rem;
$navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-icon-color}' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
$navbar-light-toggler-border-color: none;
$navbar-dark-toggler-border-color:  none;

// Dropdowns
$dropdown-border-color: none;
$dropdown-link-color: $navbar-light-color;
$dropdown-bg: $body-color;
$dropdown-link-hover-bg: $body-color;


// floating form
$form-floating-height:                  add(3.5rem, 20px);
$form-floating-label-transform:         scale(.55) translateY(-.5rem) translateX(.15rem);