/**
  * Define colors of the website
  */
$lightestBlue: rgb(244, 249, 250)
$lightBlue: rgb(223, 239, 242)
$blue: rgb(83, 152, 190)
$yellow: rgb(242, 205, 93)
$lightYellow: rgb(249, 230, 174)
$darkBlueGreen: rgb(4, 42, 43)

$lightestGray: rgba(241, 241, 241, 0.1)
$lighterGray30: rgba(241, 241, 241, 0.3)
$lighterGray: #f1f1f1
$lightGray: #e1e1e1
$gray: #b2bac2

$darkGray: #323230
$black: #1d1d1d
$white: #ffffff

$lighterBlue: rgba(64, 84, 104, 0.3)
$darkBlue: #405468
$darkerBlue: #384b5b

$orange: orange

$red: #ff1e00
$green: #32e146

/**
  * Define grid columns
  * The inner grid is the section where the content is
  * The outer grid is the inner grid with extra margin columns on each side
  */
$gridColumns : 14


/**
  * Define breakpoint for given formats
  */
$xlGridBreakpoint: 1680
$mdGridBreakpoint: 1366
$smGridBreakpoint: 768
$xsGridBreakpoint: 400

/**
  * Define settings for used fonts
  */
$baseFontSize: 18px