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

$darkGrayBlue: #212633
$black: #1d1d1d
$fontBlack: #333

$grayBlue: #323a4d
$grayDarkerBlue: #2a3040

$red: #ff1e00

$green: #add582
$darkGreen: #9bbf75
$statusGreen: #80ae4f
$lightBlue: #80d6ff
$blue: #4fc2f8
$bluer: #2196f3
$brightBlue: #1d88e6
$lockBlue: #1b71dd
$textBlue: #313fa0
$darkBlue: #0f46a1
$darkerBlue: #002382
$lightYellow: #ffc928
$yellow: #ffb200
$darkYellow: #ffa200
$yellowOrange: #fca309
$lightPink: #f48eb1
$pink: #f06292
$darkPink: #eb407a
$fontPurple: #acb0cc
$lightPurple: #c5caea
$purple: #9ea8db
$darkPurple: #7586b3
$darkerPurple: #536080
$brightPurple: #566699

$brightTurquoise: #6be9f2
$lightTurquoise: #80deea
$turquoise: #25c6da
$darkTurquoise: #0098a6
$textTurquoise: #B2EBF2

$globalBlue: #78a0b4
$globalHighlight: #c3cde6

$servicesGray: #a1bdcb
$servicesBlue: #4e7f99
$servicesLightBlue: #a1cee6
$servicesLighterBlue: #b8d6e6
//$textWhiteOpacityBlue: #c9e1f8

$landingsBlue: #1977d3
$landingsTurquoise: #01acc0
$landingsTurquoise2: #07c1da

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