// Breakpoints Minimum Resolution $tablet: 48em; // tablet $desktop: 64em; // desktop $gutter: 32px; $progressbar-height: $gutter * 2; $heading-font-face: 'HalisR', sans-serif; $primary-font-face: 'Lato', sans-serif; //colors $pd-red: #ef0734; $pd-yellow: #fff200; $pd-green: #2ab68f; $black: #000; $dark-grey: #202526; $grey: lighten($dark-grey, 31%); $white: #fff; $turquoise: #39bd9a; $primary-color: $dark-grey; $secondary-color: $grey; $accent-color-1: $pd-red; $accent-color-2: $pd-yellow; $accent-color-3: $pd-green;