/**
 * Variables
 * Contains global variables available to the theme.
 */

//
// Fonts
//
$font-dm-sans: 'DM Sans', sans-serif;
$font-roboto-slab: 'Roboto Slab', serif;
$font-roboto-condensed: 'Roboto Condensed', sans-serif;

//
// Breakpoints
//
$break-x-large: 1201px;
$break-large: 1025px;
$break-medium: 700px;

// Content
$content-max: 1600px;
$content-narrow: 898px;

//
// Colors
//
$color-white: #ffffff;
$color-white-50: rgba($color-white, 0.5);
$color-black: #000000;
$color-black-50: rgba($color-black, 0.5);
$color-gray: #767676;
$color-gray-light: lightgray;
$color-blue: #0072ad;
$color-blue-dark: #00467b;
$color-blue-light: #f0f5fe;
$color-gold: #fdc522;

//
// Spacing
//

// vertical spacing for patterns and WYSIWYG objects (ex. inline video, form, header margin-top, etc.)
$spacing-vertical-sm: 50px;
$spacing-vertical-lg: 100px;

// vertical spacing for WYSIWYG paragraphs and header margin-bottom
$spacing-vertical-text-sm: 20px;
$spacing-vertical-text-lg: 30px;

// horizontal spacing for column patterns (ex. gen2col / gen3col, blog3up, instagram, etc.)
$spacing-horizontal-column-gap-md: 20px;
$spacing-horizontal-column-gap-lg: 30px;