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

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

$red: #ff1e00
$green: #80ae4f
$darkGreen: #0c532c
$darkerGreen: #0e3520

$purple: #2A1760

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

$orange: #ef7f1a
$orangeRed: #ef611a
$darkOrange: #ff8100


$blackGradient: $black 0%, $semiBlack 100%
$blackGradient2: $black 0%, $black2 100%
$blackGradient3: $black2 0%, $semiBlack 100%
$orangeGradient: $orange 0%, $orangeRed 100%
$darkGreenGradient: $darkGreen 0%, $darkerGreen 100%
$blueGradient: $blue 0%, $darkBlue 100%
$blueGradient2: $blue 0%, $lightBlue 100%
//$orangeGradient: $orange 0%, $darkOrange 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