// colors
$betterave: #A52951
$beige: #e9b049
$bright-black: #280a13
$grey-text: #7a7a7a

$primary: $betterave
$info: $beige
$text: $bright-black

// Navbar
$side-nav-width: 220px

// screen sizes
$max-mobile: 768px
$min-tablet: 769px
$max-tablet: 1023px
$min-desktop: 1024px
$max-desktop: 1215px
$min-widescreen: 1216px

// spacing
$super-tiny: 4px
$tiny: 8px
$small: 16px    // = 1em
$base: 24px     // = 2em
$large: 48px
$xlarge: 64px

// border
$border-radius: 2px

// // font size
// $font-size-desktop: 22px
// $font-size-mobile: 13px
// $font-size-small-desktop: 16px
// $font-size-small-mobile: 11px
// $font-size-large-desktop: 24px
// $font-size-large-mobile: 16px
