// COLORS -----------------------------
$bonvoy-background: #fff3ed;
$bonvoy-orange: #b84c16;
$bonvoy-coral: #ff9662;
$bonvoy-light-coral: #ffb995;
$bonvoy-black: #1c1c1c;
$bonvoy-grey: #757575; //Lightest posible for AA small text on white
$bonvoy-grey-border: #d2d2d2;
$bonvoy-light-grey: #f4f4f4;
$bonvoy-white: #fff;

$millennium-teal: #009781;

//COLORS ---------------------------------------
$millgreen: #197f76;
$med-grey: #565656;
$green: #76a33a;
$orange: #ee7822;
$blue: #005e78;
$sky-blue: #85bac3;
$lt-grey: #f3f2f1;
$mill-drk-green: #0f4c47;

// FONTS ------------------------------
$font-primary: "Montserrat", sans-serif;
$font-heading: "Montserrat", sans-serif;
$font-heading-italic: "Montserrat", sans-serif;

// BREAKPOINTS ------------------------

//BOOTSTRAP
$xs: "(min-width: 22.5em)"; //360px Not bootstrap
$sm: "(min-width: 36em)"; //576px
$md: "(min-width: 48em)"; //768px
$lg: "(min-width: 62em)"; //992px
$xl: "(min-width: 75em)"; //1200px
$xxl: "(min-width: 90em)"; //1440px Max width of site. Not bootstrap

@mixin breakpoint($breakat) {
  @media #{$breakat} {
    @content;
  }
}