@use "../../../styles/breakpoints.scss";
@use "../../../styles/typography.scss";
@use "sass:map";

.dek {
  @include typography.sans(
    $size: "400",
    $weight: "regular",
    $role: "component"
  );

  @include breakpoints.is-desktop() {
    @include typography.title($size: "400", $weight: "regular");
  }
}

@each $outlet in map.keys(typography.$headline-outlets) {
  .outlet-#{$outlet} {
    @include typography.headline-outlet-font-family($outlet: $outlet);
  }
}

@each $align in (left, center, right) {
  .align-#{$align} {
    text-align: $align;
  }
}