//The global sass variables for the modules to be defined here.
//To be imported into module's scss file before other styles.

//Primary Colors
$primary-colors:(
    rogers-red: #DA291C,
    rogers-aqua: #00AEC7,
    rogers-yellow: #FFBF3F,
    rogers-darkGrey: #414042
);
//Secondary Colors
$secondary-colors:(
    rogers-dark-red: #AF2217,
    rogers-dark-aqua: #00596D,
    rogers-medium-aqua: #68CADA,
    rogers-light-aqua: #BBE4EC,
    rogers-rogers-yellow: #FFBF3F,
    rogers-medium-yellow: #FFD490,
    rogers-light-yellow: #FFE9C7,
    rogers-medium-grey: #808284,
    rogers-light-grey: #BBBDC0,
    rogers-lighter-grey: #EEEEEE,
    rogers-off-white: #F5F5F5,
    rogers-off-white-background: #FCFCFC,
    rogers-blue-background: #E6F6F9

);
//Web Accessibility Colors
$web-accessibility-colors:(
    rogers-hyperlink: #0A5498,
    rogers-success: #008553
);
// Merge maps
$global-colors: map-merge(map-merge($primary-colors, $secondary-colors), $web-accessibility-colors);
//text
$header-font-family:(
    h1-font-family: #{'TedNext-Regular', Arial},
    h2-font-family: #{'TedNext-Regular', Arial},
    h3-font-family: #{'TedNext-Semibold', Arial},
    h4-font-family: #{'TedNext-Semibold', Arial},
    italic-font: #{'TedNext-Italic' , Arial}
);
//font Size
$font-size:(
    font-size-45: 2.8125em,
    font-size-30: 1.875em,
    font-size-24: 1.5em,
    font-size-18: 1.125em,
    font-size-16: 1em,
    font-size-14: 0.875em,
    font-size-12: 0.75em
);
//line Height
$line-height:(
    line-height-55: 55px,
    line-height-40: 40px,
    line-height-34: 34px,
    line-height-28: 28px,
    line-height-26: 26px,
    line-height-24: 24px,
    line-height-18: 18px
);
// Merge maps
$global-fonts: map-merge(map-merge($header-font-family, $font-size), $line-height);
//padding
$pad-10: 10px;
$pad-15: 15px;
$pad-20: 20px;
$pad-30: 30px;
$pad-40: 40px;

//margin
$mar-10: 10px;
$mar-15: 15px;
$mar-20: 20px;
$mar-30: 30px;
$mar-40: 40px;

$default-font-family : #{'Ted Next Regular', sans-serif};


//Bootstrap overrides
$brand-primary: map-get($primary-colors, rogers-aqua);
$brand-success: map-get($web-accessibility-colors, rogers-success);
$brand-info:   map-get($primary-colors, rogers-aqua);
$brand-warning: map-get($primary-colors, rogers-yellow );
$brand-danger:  map-get($primary-colors,rogers-red);
$border-radius-base: 7px;
$padding-base-horizontal: 20px;
$font-size-base: 16px;