//Colors
$lightestGray: rgba(241, 241, 241, 0.1)
$lighterGray30: rgba(241, 241, 241, 0.3)
$lighterGray: #f1f1f1
$lightGray: #dadada
$gray: #98a0b3
$darkGray: #737373
$offsetWhite: #f0f2ef

$black: #23282d
$black2: #2d3237
$semiBlack: #373c41
$fontBlack: #333

$red: #ff1e00
$green: #80ae4f

$agrimacGreen: #96c346
$agrimacDarkerBlue: #021e21
$agrimacDarkerBlue2: #02292e
$agrimacDarkBlue: #03363c
$agrimacBlue: #006989

$broosOffwhite: #F4F5F7
$broosYellow: #C6BC80
$broosBlue: #2B426F
$broosDarkBlue: #24375B
$broosLightPurple: #6A6282
$broosDarkPurple: #201638
$broosDarkestPurple: #141E33


$lightBlue: #32a0fa
$blue: #0078ff
$darkBlue: #0064d2

$orange: #ff9600
$darkOrange: #ff8100


$blackGradient: $black 0%, $semiBlack 100%
$blackGradient2: $black 0%, $black2 100%
$blackGradient3: $black2 0%, $semiBlack 100%
$blueGradient: $blue 0%, $darkBlue 100%
$blueGradient2: $blue 0%, $lightBlue 100%
$orangeGradient: $orange 0%, $darkOrange 100%
$blackAbsoluteGradient: #000000 0%, #666666 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