@use "sass:map";

@use "variables";
@use "../functions";
@use "../mixins";

:root {
  @each $style, $props in (variables.$typography-styles) {
    @each $key, $value in $props {
      --u-#{$style}-#{$key}: #{$value};
    }
  }
}

@each $style in map.keys(variables.$typography-styles) {
  .u-#{$style} {
    @include mixins.typo($style);
  }
}