$base-font-family: Barlow, Arial, sans-serif;
$lightblue: #74FAFE;
$brand_greyblue: #F8F8FE;

$social-colors: (
    facebook:   #3b5998,
    twitter:    #1da1f2,
    instagram:  #e1306c,
    pinterest:  #bd081c,
    youtube:    #cd201f,
    vimeo:      #1ab7ea,
    linkedin:   #0077b5,
    google-plus:#dd4b39,
    email:      #f00,
    web:        #0f0,
);


$site-head-height: (
    (max: small): 80px,
    (min: medium): (
        (max-height: 479px): 64px,
        (min-height: 480px, max-height: 699px): 112px,
        (min-height: 700px): 135px
    ),
);

$animation-duration: 0.16667s;
$animation-easing: ease;

/**
 * Bootstrap 5
 */

$spacer: 1rem;

$spacers: (
  0: 0,
  1: $spacer * .25,
  2: $spacer * .5,
  3: $spacer,
  4: $spacer * 1.5,
  5: $spacer * 1.75,
  6: $spacer * 2,
  7: $spacer * 2.25,
  8: $spacer * 2.5,
  9: $spacer * 2.75,
  10: $spacer * 3,
  11: $spacer * 3.25,
  12: $spacer * 3.5,
  13: $spacer * 3.75,
  14: $spacer * 4,
  15: $spacer * 4.25,
  16: $spacer * 4.5,
  17: $spacer * 4.75,
  18: $spacer * 5,
  19: $spacer * 5.25,
  20: $spacer * 5.5,
  21: $spacer * 5.75,
  22: $spacer * 6,
  23: $spacer * 6.25,
  24: $spacer * 6.5,
  25: $spacer * 6.75,
  26: $spacer * 7,
  27: $spacer * 7.25,
  28: $spacer * 7.5,
  29: $spacer * 7.75,
  30: $spacer * 8,
  xl: $spacer * 8.4375
);

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1424px
  //xxl: 1384px
  //xxl: 1600px 
);

$grid-breakpoints: (
  xs: 0,
  vs: 350px,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  //xxl: 1400px,
  xxl: 1600px,
);

// Border radius
$border-radius:               .25rem;
$border-radius-sm:            .375rem;
$border-radius-md:            .75rem;
$border-radius-lg:            1.333rem;
$border-radius-xl:            3rem;
$border-radius-pill:          50rem;

$sm-font-size: 13px;
$xsmall-font-size: 12px;

$input-height: 50px;
$input-font-size: 16px;
$input-line-height: 1.75;
$input-line-height-ratio: 1.75;//$input-line-height / $input-font-size;
$input-border: 2px;
$input-border-radius: $border-radius-md;

$input-padding: .5rem;

// Buttons
$btn-border-radius:         $border-radius-md;
$btn-font-size:             $h5-font-size;
$btn-font-weight:           500;
$btn-padding-y:             calc($font-size-base / 1.142857);
$btn-padding-x:             calc($font-size-base * 1.5);
$btn-line-height: 1.5;

// $btn-padding-y-lg 
// $btn-padding-x-lg 
// $btn-font-size-lg 
$btn-border-radius-lg: $border-radius-sm;

// Badges
$badge-font-size: 18px;
$badge-padding-y: 8px;
$badge-padding-x: 16px;
$badge-border-radius: 12px;

// Grid
$grid-gutter-width: 32px;

$primary: $blue-700;
$secondary: $grey-600;;
$body-color: $secondary;
$body-font-weight: 400;

// Spacing
$enable-negative-margins: true;

$primary:       $blue-700;
$secondary:     $blue-50;
$success:       $green-900;
$info:          $blue-200;
$warning:       $yellow-300;
$danger:        $red-900;
$light:         $grey-100;
$dark:          $grey-900;

$theme-colors: (
  "primary":    $primary,
  "secondary":  $secondary,
  "success":    $success,
  "info":       $info,
  "warning":    $warning,
  "danger":     $danger,
  "light":      $light,
  "dark":       $dark
);
