@import 'fonts-names';

/**
 *  FONT SIZES
 */
$font-size-regular: 16px !default;
$font-size-heading-1: 4rem !default; // 4 * 16px;
$font-size-heading-2: 2rem !default;
$font-size-heading-3: 1.5rem !default;
$font-size-heading-4: 1rem !default;
$font-size-heading-5: 0.75rem !default;
$font-size-heading-6: $font-size-heading-5 !default;
$font-size-small: 0.875rem !default;

@media screen and (max-width: $mobile-max) {
    $font-size-heading-1: 3rem !default;
    $font-size-heading-2: 1.5rem !default;
    $font-size-heading-3: 1.25rem !default;
}

/**
*   FONT WEIGHT
*/
$font-weight-thin: 100;
$font-weight-extra-light: 200;
$font-weight-light: 300;
$font-weight-regular: 400;
$font-weight-medium: 500;
$font-weight-semi-bold: 600;
$font-weight-bold: 700;
$font-weight-extra-bold: 800;
$font-weight-heavy: 900;

/**
*   LINE HEIGHT
*/
$line-height-regular: 1.25rem !default;
$line-height-small: 1.125rem !default;
$line-height-heading-1: 5.6rem !default; // 4 * 16px;
$line-height-heading-2: 2.8rem !default;
$line-height-heading-3: 2.1rem !default;
$line-height-heading-4: 1.4rem !default;
$line-height-heading-5: 1.05rem !default;
$line-height-heading-6: $line-height-heading-5 !default;

@media screen and (max-width: $mobile-max) {
    $line-height-heading-1: 4.2rem !default;
    $line-height-heading-2: 2.1rem !default;
    $line-height-heading-3: 1.75rem !default;
}