//Colors
$lightestGray: rgba(241, 241, 241, 0.1)
$lighterGray30: rgba(241, 241, 241, 0.3)
$lighterGray: #f1f1f1
$lightGray: #e5e5e5
$lightGray2: #e8eaf6
$gray: #98a0b3
$darkGray: #737373

$black: #1d1d1d
$fontBlack: #333

$red: #EF5350
$green: #80ae4f

$lightBlue: #80d6ff
$blue: #1b71dd
$darkBlue: #0f46a1

// custom verhoeven colors

$fontGray: #424242
$fontLightGray: #616161
$darkOrange: rgb(255, 111, 0)
$lightOrange: rgb(255, 143, 0)
$buttonBlue: #396EC2

/**
 * 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

// Fonts
$baseFontSize: 20px