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

.text-000 {
  @include typography.sans($size: "000", $role: "component");

  .bold {
    @include typography.sans($size: "000", $role: "component", $weight: "bold");

  }
}

.text-100 {
  @include typography.sans($size: "100", $role: "component");

  .bold {
    @include typography.sans($size: "100", $role: "component", $weight: "bold");

  }
}

.text-200 {
  @include typography.sans($size: "200", $role: "component");

  .bold {
    @include typography.sans($size: "200", $role: "component", $weight: "bold");

  }
}

.text-300 {
  @include typography.sans($size: "300", $role: "component");

  .bold {
    @include typography.sans($size: "300", $role: "component", $weight: "bold");

  }
}

.text-400 {
  @include typography.sans($size: "400", $role: "component");

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

  }
}

.text-500 {
  @include typography.sans($size: "500", $role: "component");

  .bold {
    @include typography.sans($size: "500", $role: "component", $weight: "bold");
  }
}