$spacer: 1rem;
$enable-rounded: false;

// Grid

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1920px
);

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px,
  xxl: 1596px
);

$grid-gutter-width: $spacer * 2;


// Colours

$blue: #0085e9;
$facebook: #3b5998;
$twitter: #1da1f2;
$youtube: #f00;
$reddit: #ff4500;
$dark: #303030;

$primary: $blue;

$theme-colors: (
  "facebook": $facebook,
  "twitter": $twitter,
  "youtube": $youtube,
  "reddit": $reddit
);

$body-color: #4a4a4a;

// Typography

$rfs-base-font-size: 1rem;
$font-size-base: 1rem;
$h1-font-size: $rfs-base-font-size * 3.5;
$h2-font-size: $rfs-base-font-size * 3;
$h3-font-size: $rfs-base-font-size * 2.5;
$h4-font-size: $rfs-base-font-size * 1.85;
$h5-font-size: $rfs-base-font-size * 1.5;
$h6-font-size: $rfs-base-font-size;

$font-family-sans-serif: "Roboto", sans-serif;
$font-weight-bold: 700;
$lead-font-size: $font-size-base * 1.25;

$headings-font-weight: $font-weight-bold;
$headings-margin-bottom: $spacer * 1.5;

$font-path: "../fonts";
$fa-font-path: $font-path;


// Navbar

$nav-link-padding-y: $spacer;
$navbar-nav-link-padding-x: $spacer;