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

$black: #1d1d1d
$fontBlack: #333

$red: #ff1e00
$darkRed: #881d0e



$lightOrange: #ff9840
$orange: #ff872d
$flatOrange: #ff6c29
$darkOrange: #f05032
$darkerOrange: #f33d1a

$yellow: #ffeb00

$lighterGreen: #dceb19
$lightGreen: #91c828
$green: #5faf2d
$darkGreen: #288c2d

$purple: #8282af
$formPurple: #71719e
$darkPurple: #3c3773
$darkerPurple: #2f2d59

$bluePurple1: #3e3773
$bluePurple2: #506ee1
$bluePurple3: #50a0e1

$dirtyBlue: #0096c8
$brightBlue: #00d2f0
$headerBlue: #50c8e1
$lightBlue: #80d6ff
$blue: #1b71dd
$darkBlue: #0f46a1
$darkerBlue: #153d6d


//Gradients
$bluePurpleGradient12: rgba(62, 55, 115, 1) 0%, rgba(62, 56, 118, 1) 26.42%, rgba(64, 61, 127, 1) 44.58%, rgba(66, 69, 142, 1) 60.26%, rgba(70, 79, 164, 1) 74.52%, rgba(75, 93, 192, 1) 87.7%, rgba(80, 110, 225, 1) 100%
$bluePurpleGradient23: rgba(80, 160, 225, 1) 0%, rgba(80, 142, 225, 1) 27.9%, rgba(80, 119, 225, 1) 72.24%, rgba(80, 110, 225, 1) 100%
$menuGradient: rgba(0, 150, 200, 1) 0%, rgba(7, 147, 202, 1) 19.25%, rgba(26, 137, 208, 1) 46.97%, rgba(57, 122, 218, 1) 79.65%, rgba(80, 110, 225, 1) 100%



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