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

$royalForkDarkBlue: #121329
$royalForkBlue: #1a1d38
$royalForkLightBlue: #006e91
$royalForkLightGreen: #d6fff6
$royalForkGreen: #4d9e9d
$royalForkYellow: #f4d35e



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

//$greenish: #9bafa5
//$yellow: #fffae1
//$brown: #735a46
//$darkBrown: #463c32
//$darkerBrown: #383028

$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%

$royalForkGradient: linear-gradient(45deg, rgba(0, 110, 145, 1) 0.22%, rgba(4, 113, 146, 1) 22.47%, rgba(17, 120, 148, 1) 45.52%, rgba(37, 133, 151, 1) 68.95%, rgba(66, 151, 155, 1) 92.49%, rgba(77, 158, 157, 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