@font-face {
    font-family: 'Poppins';
    src: url('../../assets/fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../assets/fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../assets/fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../assets/fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

//VARS///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// FONT
$font-family: 'Poppins';

//VARS TITLE///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

$font-weight-title: 700;

// BIG TITLES
$font-size-bigTitle: 3.75rem;
$line-height-bigTitle: 5.625rem;

// MEDIUM TITLES
$font-size-mediumTitle: 2.5rem;
$line-height-mediumTitle: 3.75rem;

// SMALL TITLES
$font-size-smallTitle: 1.5rem;
$line-height-smallTitle: 2.25rem;


//VARS SUB TITLE///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

$font-weight-subTitle: 300;
$font-weight-subTitle-highlighted: 600;

// BIG SUB-TITLES
$font-size-bigSubTitle: 2.5rem;
$line-height-bigSubTitle: 3.75rem;

// MEDIUM SUB-TITLES
$font-size-mediumSubTitle: 1.6667rem;
$line-height-mediumSubTitle: 2.5rem;

// SMALL SUB-TITLES HIGHLIGHTED
$font-size-smallSubTitle-highlighted: 0.8333rem;
$line-height-smallSubTitle-highlighted: 1.25rem;

// SMALL SUB-TITLES
$font-size-smallSubTitle: 0.8333rem;
$line-height-smallSubTitle: 1.25rem;

//VARS TEXT///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

$font-weight-text: 400;
$font-weight-text-highlighted: 700;

// TEXT
$font-size-text: 0.875rem;
$line-height-text: 1.3125rem;

// TEXT HIGHLIGHTED
$font-size-text-highlighted: 0.875rem;
$line-height-text-highlighted: 1.3125rem;

// SMALL TEXT
$font-size-smallText: 0.75rem;
$line-height-smallText: 1.125rem;









//TITLES///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// BIG TITLES
$bigTitle: (
    font-family: $font-family,
    font-weight: $font-weight-title,
    font-size: $font-size-bigTitle,
    line-height: $line-height-bigTitle,
);

// MEDIUM TITLES
$mediumTitle: (
    font-family: $font-family,
    font-weight:$font-weight-title,
    font-size: $font-size-mediumTitle,
    line-height: $line-height-mediumTitle,
);

// SMALL TITLES
$smallTitle: (
    font-family: $font-family,
    font-weight: $font-weight-title,
    font-size: $font-size-smallTitle,
    line-height: $line-height-smallTitle,
);

//SUB-TITLES///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// BIG SUB-TITLES
$bigSubTitle: (
    font-family: $font-family,
    font-weight: $font-weight-subTitle,
    font-size: $font-size-bigSubTitle,
    line-height: $line-height-bigSubTitle,
);

// MEDIUM SUB-TITLES
$mediumSubTitle: (
    font-family: $font-family,
    font-weight: $font-weight-subTitle,
    font-size: $font-size-mediumSubTitle,
    line-height: $line-height-mediumSubTitle,
);

// SMALL SUB-TITLES HIGHLIGHTED
$smallSubTitle-highlighted : (
    font-family: $font-family,
    font-weight: $font-weight-subTitle-highlighted,
    font-size: $font-size-smallSubTitle-highlighted,
    line-height: line-height-smallSubTitle-highlighted,
);

// SMALL SUB-TITLES
$smallSubTitle: (
    font-family: $font-family,
    font-weight: $font-weight-subTitle,
    font-size: $font-size-smallSubTitle,
    line-height: $line-height-smallSubTitle,
);

//TEXTS///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//TEXT
$text: (
    font-family: $font-family,
    font-weight: $font-weight-text,
    font-size: $font-size-text,
    line-height: $line-height-text,
);

// TEXT HIGHLIGHTED
$text-highlighted: (
    font-family: $font-family,
    font-weight:$font-weight-text-highlighted,
    font-size: $font-size-text-highlighted,
    line-height: $line-height-text-highlighted,
);

// SMALL TEXT
$smallText: (
    font-family: $font-family,
    font-weight: $font-weight-text,
    font-size: $font-size-smallText,
    line-height: $line-height-smallText,
);