// Colors
$brand-primary = rgb(43, 108, 167)
$brand-secondary = rgb(216, 34, 42)
$brand-tertiary = rgb(61, 167, 43)
$brand-quaternary = rgb(250, 221, 25)
$background-primary = rgb(255, 255, 255)
$background-inverse = rgb(8, 30, 54)
$foreground-primary = rgb(30, 27, 28)
$foreground-inverse = rgb(212, 212, 212)
$mops-menu-hover = rgba(43, 108, 167, 0.1)
$purple = #a57cfd

// Typography
$font-colour = #081E36
$nonweb-font-family = 'Helvetica Neue', Helvetica, Arial, sans-serif 
$web-font-family = 'Lato', $nonweb-font-family  // Web font with cross browser fallback 
$muted-font-colour =  $foreground-inverse
$base-font-size = 14px

// Layout
$gutter-size = 15px  // Same as bootstrap
$gutter = 15px


// Material design shadow
$material-shadow = 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)