//Colors
$lightestGray: rgba(241, 241, 241, 0.1)
$lighterGray30: rgba(241, 241, 241, 0.3)
$lighterGray: #f1f1f1
$lightGray: #e8eaf6
$lightGray2: #e7ecee
$lightGray05: #f3f5f6
$gray: #98a0b3
$darkGray: #737373

$black: #1d1d1d
$fontBlack: #333

$softRed: #ff8473
$red: #ff1e00
$green: #80ae4f

$blueishGray: #eaeff1
$lightBlue: #c0cfd3
$blue: #053e4f
$darkBlue: #052c35

//Gradients
$blueGradient: rgba(5, 62, 79, 1) 0%, rgba(5, 64, 82, 1) 53.83%, rgba(5, 72, 91, 1) 92.37%, rgba(5, 74, 94, 1) 100%

$brown: #b8a999
$brown05: #dbd4cc



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

/**
 * Define breakpoint for given formats
 */
$xlGridBreakpoint: 1680
$mdGridBreakpoint: 1366
$smGridBreakpoint: 768
$xsGridBreakpoint: 400

// Fonts
$baseFontSize: 20px