/** Import Bootstrap functions */
@import "~bootstrap/scss/functions";

$theme-colors: (
  primary: #5d9dbb,
  secondary: #febc60,
  tertairy: #ec8c42,
  shadow: rgba(0, 0, 0, 0.1),
  shadow-primary: rgba(90, 157, 189, 0.7),
  shadow-secondary: rgba(255, 190, 88, 0.7),
  shadow-tertairy: rgba(238, 140, 56, 0.7),
  background-primary: #fff,
  background-secondary: #fcfcfc,
  border-light: #e9e9e9,
  border-primary: #8fc3df,
  text-light: #fff,
  text-dark: #606060,
  text-darkest: #272727,
  white: #fff,
  black: #000,
);

$font-style: (
  sans-serif: (
    light: (
      font-family: ('Montserrat', sans-serif),
      font-weight: 300,
    ),
    light-uppercase: (
      font-family: ('Montserrat', sans-serif),
      font-weight: 300,
      text-transform: uppercase
    ),
    regular: (
      font-family: ('Montserrat', sans-serif),
      font-weight: 400,
    ),
    regular-uppercase: (
      font-family: ('Montserrat', sans-serif),
      font-weight: 400,
      text-transform: uppercase
    ),
    medium: (
      font-family: ('Montserrat', sans-serif),
      font-weight: 500,
    ),
    medium-uppercase: (
      font-family: ('Montserrat', sans-serif),
      font-weight: 500,
      text-transform: uppercase
    ),
    bold: (
      font-family: ('Montserrat', sans-serif),
      font-weight: 700,
    ),
    bold-uppercase: (
      font-family: ('Montserrat', sans-serif),
      font-weight: 700,
      text-transform: uppercase
    )
  ),
);

$font-size: (
  text: (
    xs: 14px,
    sm: 14px,
    md: 16px,
    lg: 16px,
    xl: 16px
  ),
  text-small: (
    xs: 14px,
    sm: 14px,
    md: 14px,
    lg: 14px,
    xl: 14px
  ),
  text-large: (
    xs: 18px,
    sm: 18px,
    md: 18px,
    lg: 18px,
    xl: 18px
  ),
  h1: (
    xs: 36px,
    sm: 36px,
    md: 36px,
    lg: 36px,
    xl: 36px
  ),
  h2: (
    xs: 24px,
    sm: 28px,
    md: 32px,
    lg: 36px,
    xl: 36px
  ),
  h3: (
    xs: 18px,
    sm: 20px,
    md: 22px,
    lg: 24px,
    xl: 24px
  ),
  h4: (
    xs: 22px,
    sm: 22px,
    md: 22px,
    lg: 22px,
    xl: 22px
  ),
  h5: (
    xs: 20px,
    sm: 20px,
    md: 20px,
    lg: 20px,
    xl: 20px
  ),
  h6: (
    xs: 18px,
    sm: 18px,
    md: 18px,
    lg: 18px,
    xl: 18px
  ),
   button-small: (
    xs: 16px,
    sm: 16px,
    md: 16px,
    lg: 16px,
    xl: 16px
  ),
   button-normal: (
    xs: 18px,
    sm: 18px,
    md: 18px,
    lg: 18px,
    xl: 18px
  ),
  button-large: (
    xs: 16px,
    sm: 16px,
    md: 16px,
    lg: 16px,
    xl: 16px
  ),
);