_variables.scss

// Typography
$font-family-main: Helvetica, Arial, sans-serif;
$font-family-headings: 'din', Helvetica, Arial, sans-serif;
$font-size: 1.25em;

// Padding
$padding-large: 20%;
$padding-small: 5%;
$padding-x-small: 3%;

// Brand colours
$brand-color: #fff;
$background-color: #fff;
$border-color: rgba(0, 0, 0, 0.1); // rgba recommended if using feature images

// Typography colours
$link-color: #0096FB;
$selection-color: #D4D4D4; // visible when highlighting text

// Header colours
$header-link-color: #383838;

// Feature image for articles
$feature-image-text-color: #fff;
$feature-image-size: cover; // options include "cover", "contain", "auto"

// Header description box
$header-desc-background-color: #FBE300;
$header-desc-text-color: #FFF;

// brand colors
$brand-yellow: #FBE300;
$brand-black: #323334;