// colors
$betterave: #A52951
$beige: #e9b049
$bright-black: #280a13

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

// 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
$base: 24px
$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