$black: #000;
$white: #fff;
// ==========================================================================
// Global Config
// ==========================================================================

// Text
$baseFontSize: 16px;
$baseLineHeight: 24px;

// PATH TO ASSETS
$pathImgRelative: "../img";
$pathFontRelative: "";

// Font Stacks
//$font-url--google: 'http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900';
$fontFamilySansSerif: 'Helvetica Neue', Helvetica, Arial, sans-serif;
$fontFamilySerif: "Times New Roman", serif;

// Font Weights
$fontWeightThin: 100;
$fontWeightLight: 300;
$fontWeightMedium: 400;
$fontWeightBold: 700;
$fontWeightUltraBold: 900;


// Descriptive Base Colors
$white: #fff;
$black: #000;

// PROED Color Way
$peGreen: #43c8a2;
$peGrey: #838383;
$peColorPrimary: #30a587;
$peColorAccent: #5e274f;
$peColorGrey: #797e84;
$peColorShadow: #505050;


// GRID VARS
// ** Default Suzy Vars **//
$susy: (
    columns: 12,
    gutters: 1 / 4,
    math: fluid, // keeps the container and values fluid (%s)
    output: float,
    gutter-position: inside // Set up margins where they happen
);

$customLayout: (
    columns: 18,
    gutters: 1 / 3,
    math: fluid, // keeps the container and values fluid (%s)
    output: float,
    gutter-position: split // Set up margins where they happen
);

$gridBreakpoints: (
    // Extra small screen / phone
    xs: 0,
    // Small screen / phone
    sm: 544px,
    // Medium screen / tablet
    md: 768px,
    // Large screen / desktop
    lg: 992px,
    // Extra large screen / wide desktop
    xl: 1200px
) !default;


// Grid containers
//
// Define the maximum width of `.container` for different screen sizes.

$containerMaxWidths: (
    sm: 576px,
    md: 720px,
    lg: 940px,
    xl: 1140px
) !default;
Add base variables to ProEdify-PatternLab
Add base variables to ProEdify-PatternLab
