@use "../../../styles/breakpoints.scss";
@use "../../../styles/typography.scss";

.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;
  }
}
