

/*=============================================
=            Default variables            =
=============================================*/


/**
 *
 * Breakpoints
 *
 */
 $breakpoint-sm: 576px !default; 
 $breakpoint-md: 768px !default;
 $breakpoint-lg: 992px !default;
 $breakpoint-xl: 1200px !default;

/**
 *
 * Colors
 *
 */

$color-primary: #1c242c !default;
$color-secondary: #fb078b !default; 
$color-tertiary: #212121 !default;
$color-primary-contrast: #fff !default;
$color-secondary-contrast: #fff !default;
$color-tertiary-contrast: #fff !default;

$color-grey-200: #F2F2F2 !default;
$color-grey-400: #BFBFBF !default;
$color-grey-600: #7F7F7F !default;

$color-danger: #ff0000 !default;
$color-warning: #eec303 !default;
$color-success: #00d41f !default;

/**
 *
 * Fonts
 *
 */

$fc-base: $color-primary !default;

$fc-h1: $color-secondary !default;
$fc-h2: $color-secondary !default;
$fc-h3: $color-secondary !default;
$fc-h4: $color-primary !default;
$fc-h5: $color-primary !default;
$fc-h6: $color-primary !default;

$ff-primary: Helvetica, Arial, sans-serif !default; 
$ff-secondary: "Times New Roman", Arial, sans-serif !default; 
$ff-tertiary: "Times New Roman", Arial, sans-serif !default;

$ff-base: $ff-primary !default;
$ff-h1: $ff-secondary !default;
$ff-h2: $ff-secondary !default;
$ff-h3: $ff-secondary !default;
$ff-h4: $ff-primary !default;
$ff-h5: $ff-primary !default;
$ff-h6: $ff-primary !default;


$fs-base-unit: 14 !default;
$fs-base: #{$fs-base-unit}px !default;
$fs-base-xs: #{$fs-base-unit}px !default;
$fs-base-sm: #{$fs-base-unit}px !default;
$fs-base-md: #{$fs-base-unit}px !default;
$fs-base-lg: #{$fs-base-unit}px !default;
$fs-base-xl: #{$fs-base-unit}px !default;
$lh-base: 1.4 !default;
$lh-base-xs: 1.4 !default;
$lh-base-sm: 1.4 !default;
$lh-base-md: 1.4 !default;
$lh-base-lg: 1.4 !default;
$lh-base-xl: 1.4 !default;

// p
$fs-p: $fs-base !default;
$lh-p: $lh-base !default;
$fs-p-breakpoints: (
  (breakpoint: $breakpoint-sm, font-size: $fs-p, line-height: $lh-p),
  (breakpoint: $breakpoint-md, font-size: $fs-p, line-height: $lh-p),
  (breakpoint: $breakpoint-lg, font-size: $fs-p, line-height: $lh-p),
  (breakpoint: $breakpoint-xl, font-size: $fs-p, line-height: $lh-p) 
) !default;

// H1 
$fs-h1: 3rem !default;
$lh-h1: 1.35 !default;
$fs-h1-breakpoints: (
  (breakpoint: $breakpoint-sm, font-size: $fs-h1, line-height: $lh-h1),
  (breakpoint: $breakpoint-md, font-size: $fs-h1, line-height: $lh-h1),
  (breakpoint: $breakpoint-lg, font-size: $fs-h1, line-height: $lh-h1),
  (breakpoint: $breakpoint-xl, font-size: $fs-h1, line-height: $lh-h1)
) !default;

// H2
$fs-h2: 2.8rem !default;
$lh-h2: 1.35 !default;
$fs-h2-breakpoints: (
  (breakpoint: $breakpoint-sm, font-size: $fs-h2, line-height: $lh-h2),
  (breakpoint: $breakpoint-md, font-size: $fs-h2, line-height: $lh-h2),
  (breakpoint: $breakpoint-lg, font-size: $fs-h2, line-height: $lh-h2),
  (breakpoint: $breakpoint-xl, font-size: $fs-h2, line-height: $lh-h2) 
) !default;

// H3
$fs-h3: 2.4rem !default;
$lh-h3: 1.35 !default;
$fs-h3-breakpoints: (
  (breakpoint: $breakpoint-sm, font-size: $fs-h3, line-height: $lh-h3),
  (breakpoint: $breakpoint-md, font-size: $fs-h3, line-height: $lh-h3),
  (breakpoint: $breakpoint-lg, font-size: $fs-h3, line-height: $lh-h3),
  (breakpoint: $breakpoint-xl, font-size: $fs-h3, line-height: $lh-h3) 
) !default;

// H4
$fs-h4: 2rem !default;
$lh-h4: 1.35 !default;
$fs-h4-breakpoints: (
  (breakpoint: $breakpoint-sm, font-size: $fs-h4, line-height: $lh-h4),
  (breakpoint: $breakpoint-md, font-size: $fs-h4, line-height: $lh-h4),
  (breakpoint: $breakpoint-lg, font-size: $fs-h4, line-height: $lh-h4),
  (breakpoint: $breakpoint-xl, font-size: $fs-h4, line-height: $lh-h4) 
) !default;

// H5
$fs-h5: 1.6rem !default;
$lh-h5: 1.35 !default;
$fs-h5-breakpoints: (
  (breakpoint: $breakpoint-sm, font-size: $fs-h5, line-height: $lh-h5),
  (breakpoint: $breakpoint-md, font-size: $fs-h5, line-height: $lh-h5),
  (breakpoint: $breakpoint-lg, font-size: $fs-h5, line-height: $lh-h5),
  (breakpoint: $breakpoint-xl, font-size: $fs-h5, line-height: $lh-h5) 
) !default;

// H6 
$fs-h6: 1.2rem !default;
$lh-h6: 1.35 !default;
$fs-h6-breakpoints: (
  (breakpoint: $breakpoint-sm, font-size: $fs-h6, line-height: $lh-h6),
  (breakpoint: $breakpoint-md, font-size: $fs-h6, line-height: $lh-h6),
  (breakpoint: $breakpoint-lg, font-size: $fs-h6, line-height: $lh-h6),
  (breakpoint: $breakpoint-xl, font-size: $fs-h6, line-height: $lh-h6) 
) !default;


/**
 *
 * Links
 *
 */

$lc-base: $color-secondary !default;
$lc-outer: $color-primary !default;


/**
 *
 * Buttons
 *
 */

/**
 *
 * Borders
 *
 */

$bc-base: $color-grey-400 !default;




/*=====  End of Default variables  ======*/

