@use 'mixins';
@use 'variables';

// In order to have a clean a easy to use font, give the same font-family name to all styles.
// You can then sort them by using the font-style (normal or italic) property

// —————————————————————————————————————————————————————————————————
// list of styles and their weight equivalent
// —————————————————————————————————————————————————————————————————
// style name               weight  variable
// —————————————————————————————————————————————————————————————————
// thin, hairline           100     $thin
// extralight, ultralight   200     $extralight
// light                    300     $light
// normal, regular          400     $regular
// medium                   500     $medium
// semibold, demibold       600     $semibold
// bold                     700     $bold
// extrabold, ultrabold     800     $extrabold
// black, heavy             900     $contrast
// —————————————————————————————————————————————————————————————————

// —————————————————————————————————————————————————————————————————
// barlow
// —————————————————————————————————————————————————————————————————

@include mixins.fontface(variables.$font, variables.$font-clean/regular, variables.$font-regular, normal);
@include mixins.fontface(variables.$font, variables.$font-clean/regularitalic, variables.$font-regular, italic);

@include mixins.fontface(variables.$font, variables.$font-clean/semibold, variables.$font-bold, normal);
@include mixins.fontface(variables.$font, variables.$font-clean/semibolditalic, variables.$font-bold, italic);