skill-assessment-app/app/assets/stylesheets/settings/_variables.scss

// 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;