Bootstrap Theme Variable setup

theme_variable.scss

$primary: #563d7c; // Thats a sample how you could change a BootStrap variable.
$black:    #333333;
$green: #44B672;

$balck:         #333333;
$dark-gray:     #757575;
$light-gray:    #ABA7A7;
$gray:          #E0E0E0;
$facebook:      #3b5998;
$twitter:       #00aced;
$linkedin:      #0077B5;
$youtube:       #bc0001;


$font-family-base: 'Open Sans', sans-serif;
$font-weight-base: 400;
$headings-font-family: 'Playfair Display', serif;
$navbar-padding-y: 16px ;
$navbar-padding-x: 60px ;

$play-fair: 'Playfair Display', serif;
$open-sans:  'Open Sans', sans-serif;