// grid
$grid-columns: 12;
$grid-gutter-width-base: 30px;
$grid-breakpoints: (
        xs: 0,
        sm: 576px,
        md: 768px,
        lg: 992px,
        xl: 1200px,
        xxl: 1500px
);
$grid-gutter-widths: (
        xs: $grid-gutter-width-base,
        sm: $grid-gutter-width-base,
        md: $grid-gutter-width-base,
        lg: $grid-gutter-width-base,
        xl: $grid-gutter-width-base,
        xxl: $grid-gutter-width-base
);

@include assert-ascending($grid-breakpoints, "$grid-breakpoints");
@include assert-starts-at-zero($grid-breakpoints);

// left and right padding's for .wrapper block
$wrapper-gutters: (
        xs: 15px,
        sm: 15px,
        md: 25px,
        lg: 30px,
        xl: 40px,
        xxl: 40px
);

$content-padding-bottom: 0px;


// site color theme
$palette: (
        white: #ffffff,
        primary: #0096aa,
        secondary: #f08c07,
        link: #0096aa,
        link-hover: #f08c07,
        danger: #f1657f,
        success: #28a745,
        warning: #ffc107,
        twilight: #02263f,
        light-gray: #E3E9EC,
        lightest-gray: #f7f7f7,
        gray: #808080,
        dark-gray: #545454,
        black: #000000,
        lightblue:#89b7c1,
        lightestblue:#DEE9EB
);

$link-colors: (
        primary,
        secondary,
        gray,
        white,
        black
);

$text-colors: (
        primary,
        secondary,
        danger,
        success,
        warning,
        black,
        dark-gray,
        gray,
        white,
        lightblue
);

$bg-colors: (
        primary,
        secondary,
        twilight,
        white,
        black,
        light-gray,
        lightest-gray,
        lightestblue
);

$btn-colors: (
        primary: (text: color(white)),
        secondary: (text: color(white))
);

$control-colors: (
        default: (text: color(black), border: #B4B4B4),
        light: (text: color(white), border: #A7AEB2, background-color: rgba(0, 0, 1, 0))
);


// text styles
$font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
$font-family-serif: "Georgia", "Times New Roman", "Times", serif;
$font-family-monospace: "Menlo", "Monaco", "Consolas", "Courier New", monospace;

$font-family-base: "Roboto", $font-family-sans-serif;
$font-family-headings: "Ubuntu", $font-family-sans-serif;

$font-weights: (
        thin: 100,
        extra-light: 200,
        light: 300,
        regular: 400,
        medium: 500,
        semi-bold: 600,
        bold: 700,
        extra-bold: 800,
        black: 900
);
$font-weight-base: map_get($font-weights, regular);
$font-weight-light: map_get($font-weights, light);
$font-weight-thin: map_get($font-weights, thin);
$font-weight-strong: map_get($font-weights, bold);

$font-size-base: 20px;
$font-size-base-small: 16px;
$font-size-lead: 1.2em;
$line-height-base: 1.6;
$line-height-headings: 1.1;
$line-height-closelly: 1.33333;

$headings-styles: (
        default: (
                h1: (size: (70px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h2: (size: (50px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h3: (size: (40px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h4: (size: (30px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h5: (size: (26px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h6: (size: (24px / $font-size-base) + rem, weight: map_get($font-weights, bold))
        ),
        medium: (
                h1: (size: (70px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h2: (size: (50px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h3: (size: (40px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h4: (size: (30px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h5: (size: (24px / $font-size-base) + rem, weight: map_get($font-weights, medium)),
                h6: (size: (22px / $font-size-base) + rem, weight: map_get($font-weights, medium))
        ),
        small: (
                h1: (size: (40px / $font-size-base-small) + rem, weight: map_get($font-weights, medium)),
                h2: (size: (32px / $font-size-base-small) + rem, weight: map_get($font-weights, medium)),
                h3: (size: (26px / $font-size-base-small) + rem, weight: map_get($font-weights, medium)),
                h4: (size: (20px / $font-size-base-small) + rem, weight: map_get($font-weights, medium)),
                h5: (size: (16px / $font-size-base-small) + rem, weight: map_get($font-weights, medium)),
                h6: (size: (16px / $font-size-base-small) + rem, weight: map_get($font-weights, medium))
        )
);

// margins
$margins: (
        2 xs: 0.25rem,
        xs: 0.5rem,
        sm: 1rem,
        md: (30px/$font-size-base)+rem, // like grid gutter's
        lg: 2rem,
        xl: 2.5rem,
        xxl: 5rem,
        xxxl: 7.5rem
);


// table styles
$table-styles: (
        heading-weight: map_get($font-weights, medium),
        thead-border-color: color(gray),
        border-color: color(light-gray),
        hover-color: rgba(color(primary), 0.05)
);


// forms
$form-group-margin: 0.75rem;
$form-line-margin: 0.25rem;
$btn-outline-border-width: 2px;
$btn-horizontal-padding-multiplier: 0.5;
$form-control-horizontal-padding-multiplier: 0.2;
$form-control-border-width: 1px;
$form-control-line-height: 1.25;
$form-control-sizes: (
        default: (height: 60px, font-size: 18px, field-radius: 5px, button-radius: 30px),
        large: (height: 80px, font-size: 18px, field-radius: 5px, button-radius: 40px),
        sm: (height: 36px, font-size: 1rem, field-radius: 5px, button-radius: 5px),
        tiny: (height:50px, font-size: 16px, field-radius:5px, button-radius: 25px)
);


// checkbox
$checkbox-border-radius: 3px;
$checkbox-radio-bg: color(light-gray);
$checkbox-radio-bg-active: color(primary);
$checkbox-radio-icon-color: color(white);


// links group
$links-group-vertical-margin: map_get($margins, xs);
$links-group-horizontal-padding-multiplier: 0.3;


// cards
$cards: (
        default: (
                max-width: none,
                paddingval: (
                        left: 20px,
                        top: 30px,
                        right: 20px,
                        bottom: 40px
                ),
                border-radius: 10px,
                background-color: color(lightest-gray)
        ),
        lightgray: (max-width: none, paddingval: 30px, border-radius: 10px, background-color: color(light-gray)),
        rounded: (max-width: none, paddingval: 0, border-radius: 20px, background-color: none),
        person: (max-width: 200px, paddingval: 0, border-radius: 10px, background-color: none),
        service: (max-width: 340px, paddingval: 20px, border-radius: 10px, background-color: none)
);


// google map sizes
$google-map-heights: (
        default: (desktop: 300px, mobile: 150px),
        large: (desktop: 600px, mobile: 300px)
);

// modals
$modal-sizes: (
        default: (max-width: 700px, padding: 30px),
        large: (max-width: 1145px, padding: 30px),
        info: (max-width: 995px, padding: 0px),
        info-large: (max-width: 1180px, padding: 0px),
);
$modal-bg-color: color(lightest-gray);
$modal-overlay-bg: rgba(color(white), 0.6);
$modal-border-radius: 0px;


$embed-responsive-aspect-ratios: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$embed-responsive-aspect-ratios: join(
                        (
                                        (21 9),
                                        (16 9),
                                        (16 10),
                                        (4 3),
                                        (1 1),
                                        (15 10)
                        ),
                $embed-responsive-aspect-ratios
);