Sass Variables

_variables.scss

// $Font Variables
$font-body: 'Open Sans', Tahoma, sans-serif;
$font-headings: 'Brandon Grotesque', Georgia, serif;
$font-code: Consolas, Monaco, Lucida Console, monospace;

// $Color Variables

$color-brand-pink: #F17B91;
$color-brand1: #F599C0;
$color-brand2: #59CBF5;
$color-brand3: #0079B9;
$color-brand4: #005E9E;
$color-brand5: #091C22;

$color-body-bg: #fff;
$color-body-bg-light: #F3F3F3;
$color-body-bg-dark: #353535;
$color-text: #fff;
$color-text-light: #fff;
$color-text-disabled: #fff;
$color-heading: #fff;
$color-link: #fff;
$color-link-hover: #fff;
$color-icon: #fff;
$color-icon-hover: #fff;

$color-primary: #0275d8;
$color-muted: #ccc;
$color-success: #88BE4E;
$color-warning: #EEAE4A;
$color-danger: #ED7060;
$color-info: #48A0DB;

$color-purple: #AB91B8;