$sm: 768px;
$md: 992px;
$lg: 1200px;

$breakpoints: (
  xs: null,
  sm: $sm,
  md: $md,
  lg: $lg,
);

$RobotoCondensed: 'Roboto Condensed', sans-serif;
$RobotoSlab: 'Roboto Slab', serif;
$Roboto: 'Roboto', sans-serif;
$FranklinGothic: 'FranklinGothicLTCom_Dm', sans-serif;
$Helvetica: 'Helvetica', 'Arial', sans-serif;
$Georgia: 'Georgia', 'Palatino', serif;

$spacing: (
  1: 0.5rem,
  2: 1rem,
  3: 1.5rem,
  4: 2rem,
  5: 3rem,
  6: 4.5rem,
  7: 5rem,
  8: 5.5rem,
  9: 6rem,
  10: 12rem,
);

$z1: 100;
$z2: 200;
$z3: 300;
$z4: 400;
$z5: 500;

$white: #fff;
$gray-lighter: #f4f4f4;
$gray-light: #ececec;
$gray-light-mid: #d8d8d8;
$gray: #aaa;
$gray-mid: #4a4a4a;
$gray-mid-dark: #696969;
$gray-dark: #222;
$black: #000;
$black-trans: rgba(0,0,0,0.9);
$gold: #c7a32f;
$gold-darker: #9c7e1c;
$charcoal: #1a1a1a;
$salmon: #f8d1d5;

// city life
$red: #D31A22;
$red-lighter: #E5ADB1;
$red-darker: #BC171E;

// things to do
$green: #9FBE44;
$green-darker: #4E712F;

// film
$purple: #9B7FB5;
$purple-darker: #4E2D7B;

// music
$blue: #0D618B;
$blue-lighter: #6BBCEB;

// food & drink
$teal: #5AAFAD;
$teal-darker: #1A5E66;

// theatre
$orange: #ED6701;
$orange-darker: #7F1812;

// art
$pink: #D05373;
$pink-darker: #7E1F50;

// hotels
$blue-dark: #257FB6;
$blue-darkest: #151F3A;

// CTA
$blue-cta: #0898ff;
$cyan: #20a4fc;
$cyan-darker: #106ba3;

$vertical-colors: (
  (red, $red, $red-lighter),
  (green, $green, $green-darker),
  (purple, $purple, $purple-darker),
  (blue, $blue, $blue-lighter),
  (teal, $teal, $teal-darker),
  (orange, $orange, $orange-darker),
  (pink, $pink, $pink-darker),
  (blue-dark, $blue-dark, $blue-darkest),
  (gold, $gold, $gold-darker)
);

$blue-review: #00A8FF;
$facebook: #3b5998;
$twitter: #55acee;
$google: #dd4b39;
$linkedin: #0077b5;
$pinterest: #bd081c;
$tumblr: #36465d;
$youtube: #cd201f;
$instagram: #517fa4;
$vine: #00b488;
$snapchat: #fffc00;

$base-font-size: 16px;
$text-1: 5.2rem;
$text-2: 3.2rem;
$text-3: 2.8rem;
$text-4: 2.2rem;
$text-5: 2.0rem;
$text-6: 1.8rem;
$text-7: 1.6rem;
$text-8: 1.4rem;
$text-9: 1.3rem;
$text-10: 1.2rem;
$text-11: 1.1rem;
$text-12: 1.0rem;
$text-13: 0.9rem;

$light: 300;
$regular: 400;
$medium: 500;
$bold: 700;

$line-height-base: 1.5;
$line-height-1: 5.6rem;
$line-height-2: 3.6rem;
$line-height-3: 3.4rem;
$line-height-4: 3.2rem;
$line-height-5: 2.8rem;
$line-height-6: 2.6rem;
$line-height-7: 2.4rem;
$line-height-8: 2.2rem;
$line-height-9: 2.0rem;
$line-height-10: 1.6rem;
$line-height-11: 1.4rem;
$line-height-12: 1.2rem;
$line-height-13: 0.9rem;

$border-1: 1px; // default
$border-2: 2px;
$border-3: 3px;
$border-4: 8px;
$border-5: 10px;
$border: $border-1 solid $gray-light-mid;
$border-radius: 4px;

$shadow-dark: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
$shadow-light: 0 2px 4px 0 rgba(26, 26, 26, 0.2);

$button-shadow-dark: 0 2px 5px 0 rgba(0,0,0,0.15);
$button-shadow-light:0 2px 15px 0 rgba(0,0,0,0.05) ;

$speed-1: 0.1s;
$speed-3: 0.3s;
$speed-5: 0.5s;