@import '../generated/fonts.desktop.variables.scss';
@import '../generated/fonts.mobile.variables.scss';

/**
 * @tokens Font Size
 * @presenter FontSize
 */
:root {
    @each $name, $size in $font-size-desktop {
        --#{$name}-size-desktop: #{$size};
    }
    @each $name, $size in $font-size-mobile {
        --#{$name}-size-mobile: #{$size};
    }
}

/**
 * @tokens Font Line Height
 * @presenter LineHeight
 */
:root {
    @each $name, $line in $font-line-height-desktop {
        --#{$name}-line-desktop: #{$line};
    }
    @each $name, $line in $font-line-height-mobile {
        --#{$name}-line-mobile: #{$line};
    }
}

/**
 * @tokens Font Weight
 * @presenter FontWeight
 */
:root {
    @each $name, $weight in $font-weight-desktop {
        --#{$name}-weight-desktop: #{$weight};
    }
    @each $name, $weight in $font-weight-mobile {
        --#{$name}-weight-mobile: #{$weight};
    }
}